mainstack-design-system 0.7.45 → 1.0.1

package/dist/mainstack-design-system471.js

@@ -0,0 +1,30 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { TextareaField as p } from "./mainstack-design-system472.js";
+import { TextareaRoot as f } from "./mainstack-design-system473.js";
+import { FormCharacterCounter as l } from "./mainstack-design-system420.js";
+import { cn as c } from "./mainstack-design-system530.js";
+const x = s(
+  ({ maxCharLength: e, currentCharLength: a, className: o, ...t }, m) => /* @__PURE__ */ i(f, { className: "relative", children: [
+    /* @__PURE__ */ r(
+      l,
+      {
+        currentCharLength: a,
+        maxCharLength: e,
+        className: " absolute top-12 right-16"
+      }
+    ),
+    /* @__PURE__ */ r(
+      p,
+      {
+        ref: m,
+        className: c("min-h-44", o),
+        ...t
+      }
+    )
+  ] })
+);
+x.displayName = "Textarea";
+export {
+  x as Textarea
+};

package/dist/mainstack-design-system472.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("react"),n=require("./mainstack-design-system530.cjs"),e=s.forwardRef(({className:t,isError:a,isSuccess:r,...l},o)=>i.jsx("textarea",{ref:o,"data-slot":"textarea-field","data-error":a,"data-success":r,className:n.cn("body-extrasmall-book","flex-1 border-none outline-none h-full placeholder:text-tertiary disabled:cursor-not-allowed resize-none min-h-80 min-w-full max-w-full",t),...l}));e.displayName="TextareaField";exports.TextareaField=e;

package/dist/mainstack-design-system472.js

@@ -0,0 +1,24 @@
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { cn as i } from "./mainstack-design-system530.js";
+const n = d(
+  ({ className: e, isError: r, isSuccess: a, ...o }, t) => /* @__PURE__ */ l(
+    "textarea",
+    {
+      ref: t,
+      "data-slot": "textarea-field",
+      "data-error": r,
+      "data-success": a,
+      className: i(
+        "body-extrasmall-book",
+        "flex-1 border-none outline-none h-full placeholder:text-tertiary disabled:cursor-not-allowed resize-none min-h-80 min-w-full max-w-full",
+        e
+      ),
+      ...o
+    }
+  )
+);
+n.displayName = "TextareaField";
+export {
+  n as TextareaField
+};

package/dist/mainstack-design-system473.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),l=require("./mainstack-design-system530.cjs"),t=s.forwardRef(({className:e,...a},r)=>o.jsx("div",{ref:r,"data-slot":"textarea-root","data-editable":"true",tabIndex:0,className:l.cn("form-root-slot-defaults","flex gap-4 w-full px-12 pt-12 border rounded-14 has-[>[data-slot=form-character-counter]]:pt-36 ",e),...a}));t.displayName="TextareaRoot";exports.TextareaRoot=t;

package/dist/mainstack-design-system473.js

@@ -0,0 +1,24 @@
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import { cn as d } from "./mainstack-design-system530.js";
+const f = e(
+  ({ className: t, ...o }, r) => /* @__PURE__ */ a(
+    "div",
+    {
+      ref: r,
+      "data-slot": "textarea-root",
+      "data-editable": "true",
+      tabIndex: 0,
+      className: d(
+        "form-root-slot-defaults",
+        "flex gap-4 w-full px-12 pt-12 border rounded-14 has-[>[data-slot=form-character-counter]]:pt-36 ",
+        t
+      ),
+      ...o
+    }
+  )
+);
+f.displayName = "TextareaRoot";
+export {
+  f as TextareaRoot
+};

package/dist/mainstack-design-system474.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system357.cjs");const u=require("./mainstack-design-system167.cjs"),n=require("./index-BSe6LhsG.cjs"),l=require("./mainstack-design-system484.cjs"),i=c.forwardRef(({...s},d)=>{const{editor:o}=n.useCurrentEditor(),t=n.useEditorState({editor:o,selector:e=>e.editor?{isBold:e.editor.isActive("bold")||!1,canBold:e.editor.can().chain().toggleBold().run()||!1}:{}});return r.jsx(l.TextEditorMenuAction,{isActive:t?.isBold,onClick:()=>o?.chain().focus().toggleBold().run(),disabled:!t?.canBold,ref:d,...s,children:r.jsx(u,{className:"size-16"})})});i.displayName="BoldMenu";exports.BoldMenu=i;

package/dist/mainstack-design-system474.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import "./mainstack-design-system357.js";
+import s from "./mainstack-design-system167.js";
+import { u as l, a } from "./index-Bs97UtQm.js";
+import { TextEditorMenuAction as c } from "./mainstack-design-system484.js";
+const m = n(
+  ({ ...i }, d) => {
+    const { editor: r } = l(), e = a({
+      editor: r,
+      selector: (o) => o.editor ? {
+        isBold: o.editor.isActive("bold") || !1,
+        canBold: o.editor.can().chain().toggleBold().run() || !1
+      } : {}
+    });
+    return /* @__PURE__ */ t(
+      c,
+      {
+        isActive: e?.isBold,
+        onClick: () => r?.chain().focus().toggleBold().run(),
+        disabled: !e?.canBold,
+        ref: d,
+        ...i,
+        children: /* @__PURE__ */ t(s, { className: "size-16" })
+      }
+    );
+  }
+);
+m.displayName = "BoldMenu";
+export {
+  m as BoldMenu
+};

package/dist/mainstack-design-system475.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system357.cjs");const u=require("./mainstack-design-system110.cjs"),n=require("./index-BSe6LhsG.cjs"),a=require("./mainstack-design-system484.cjs"),i=c.forwardRef(({...s},d)=>{const{editor:o}=n.useCurrentEditor(),t=n.useEditorState({editor:o,selector:e=>e.editor?{isCode:e.editor.isActive("code")||!1,canCode:e.editor.can().chain().toggleCode().run()||!1}:{}});return r.jsx(a.TextEditorMenuAction,{isActive:t?.isCode,onClick:()=>o?.chain().focus().toggleCode().run(),disabled:!t?.canCode,ref:d,...s,children:r.jsx(u,{className:"size-16"})})});i.displayName="CodeMenu";exports.CodeMenu=i;

package/dist/mainstack-design-system475.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import "./mainstack-design-system357.js";
+import s from "./mainstack-design-system110.js";
+import { u as a, a as c } from "./index-Bs97UtQm.js";
+import { TextEditorMenuAction as m } from "./mainstack-design-system484.js";
+const u = n(
+  ({ ...i }, d) => {
+    const { editor: o } = a(), r = c({
+      editor: o,
+      selector: (e) => e.editor ? {
+        isCode: e.editor.isActive("code") || !1,
+        canCode: e.editor.can().chain().toggleCode().run() || !1
+      } : {}
+    });
+    return /* @__PURE__ */ t(
+      m,
+      {
+        isActive: r?.isCode,
+        onClick: () => o?.chain().focus().toggleCode().run(),
+        disabled: !r?.canCode,
+        ref: d,
+        ...i,
+        children: /* @__PURE__ */ t(s, { className: "size-16" })
+      }
+    );
+  }
+);
+u.displayName = "CodeMenu";
+export {
+  u as CodeMenu
+};

package/dist/mainstack-design-system476.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("react"),o=require("./index-BSe6LhsG.cjs"),i=require("./mainstack-design-system530.cjs"),d=require("./mainstack-design-system484.cjs"),n=l.forwardRef(({...s},u)=>{const{editor:t}=o.useCurrentEditor(),c=o.useEditorState({editor:t,selector:e=>e.editor?{color:e.editor.getAttributes("textStyle").color}:{}});return r.jsx(d.TextEditorMenuAction,{ref:u,...s,children:r.jsx("div",{className:i.cn(" p-0 overflow-hidden hover:bg-border-interactive-neutral disabled:text-disabled disabled:cursor-not-allowed rounded-full size-14 min-w-14 ring-2 ring-offset-1 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("size-[200%] cursor-pointer border-0 p-0 -translate-[25%]")})})})});n.displayName="ColorPickerMenu";exports.ColorPickerMenu=n;

package/dist/mainstack-design-system476.js

@@ -0,0 +1,39 @@
+'use client';
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { u as s, a as d } from "./index-Bs97UtQm.js";
+import { cn as t } from "./mainstack-design-system530.js";
+import { TextEditorMenuAction as u } from "./mainstack-design-system484.js";
+const c = a(
+  ({ ...i }, n) => {
+    const { editor: o } = s(), l = d({
+      editor: o,
+      selector: (r) => r.editor ? {
+        color: r.editor.getAttributes("textStyle").color
+      } : {}
+    });
+    return /* @__PURE__ */ e(u, { ref: n, ...i, children: /* @__PURE__ */ e(
+      "div",
+      {
+        className: t(
+          " p-0 overflow-hidden hover:bg-border-interactive-neutral disabled:text-disabled disabled:cursor-not-allowed rounded-full size-14 min-w-14 ring-2 ring-offset-1 ring-interactive-neutral"
+        ),
+        children: /* @__PURE__ */ e(
+          "input",
+          {
+            type: "color",
+            onInput: (r) => o?.chain().focus().setColor(r.currentTarget.value).run(),
+            value: l?.color,
+            className: t(
+              "size-[200%] cursor-pointer border-0 p-0 -translate-[25%]"
+            )
+          }
+        )
+      }
+    ) });
+  }
+);
+c.displayName = "ColorPickerMenu";
+export {
+  c as ColorPickerMenu
+};

package/dist/mainstack-design-system477.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),r=require("./mainstack-design-system530.cjs");require("./mainstack-design-system357.cjs");const l=require("./mainstack-design-system305.cjs"),c=require("./mainstack-design-system522.cjs"),t=s.forwardRef(({className:o,...n},i)=>{const{onGenerateWithAi:a}=c.useTextEditorContext();return e.jsxs("button",{onClick:a,ref:i,className:r.cn("flex relative cursor-pointer  bg-surface-neutral-l1 items-center gap-4 p-6 pl-10 rounded-full border-solid border-transparent border-1 bg-clip-padding before:content-[''] before:absolute before:top-0 before:right-0 before:left-0 before:bottom-0 before:z-[-1] before:-m-1 before:rounded-full before:bg-linear-[to_right,var(--color-purple-225)_0%,var(--color-azure-275)_30%,var(--color-cobalt-225)_60%,var(--color-persimmon-250)_90%] ",o),...n,children:[e.jsx("p",{className:r.cn("body-tiny-medium"," whitespace-nowrap"),children:"Generate with AI"}),e.jsx(l,{className:"size-16 animate-pulse-wiggle "})]})});t.displayName="GenerateWithAiMenu";exports.GenerateWithAiMenu=t;

package/dist/mainstack-design-system477.js

@@ -0,0 +1,32 @@
+'use client';
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { cn as r } from "./mainstack-design-system530.js";
+import "./mainstack-design-system357.js";
+import s from "./mainstack-design-system305.js";
+import { useTextEditorContext as m } from "./mainstack-design-system522.js";
+const p = l(
+  ({ className: o, ...t }, a) => {
+    const { onGenerateWithAi: i } = m();
+    return /* @__PURE__ */ n(
+      "button",
+      {
+        onClick: i,
+        ref: a,
+        className: r(
+          "flex relative cursor-pointer  bg-surface-neutral-l1 items-center gap-4 p-6 pl-10 rounded-full border-solid border-transparent border-1 bg-clip-padding before:content-[''] before:absolute before:top-0 before:right-0 before:left-0 before:bottom-0 before:z-[-1] before:-m-1 before:rounded-full before:bg-linear-[to_right,var(--color-purple-225)_0%,var(--color-azure-275)_30%,var(--color-cobalt-225)_60%,var(--color-persimmon-250)_90%] ",
+          o
+        ),
+        ...t,
+        children: [
+          /* @__PURE__ */ e("p", { className: r("body-tiny-medium", " whitespace-nowrap"), children: "Generate with AI" }),
+          /* @__PURE__ */ e(s, { className: "size-16 animate-pulse-wiggle " })
+        ]
+      }
+    );
+  }
+);
+p.displayName = "GenerateWithAiMenu";
+export {
+  p as GenerateWithAiMenu
+};

package/dist/mainstack-design-system478.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react");require("./mainstack-design-system357.cjs");const g=require("./mainstack-design-system241.cjs"),n=require("./index-BSe6LhsG.cjs"),x=require("./mainstack-design-system484.cjs"),s=require("./mainstack-design-system530.cjs"),a=i.forwardRef(({className:c,...l},u)=>{const{editor:t}=n.useCurrentEditor(),d=n.useEditorState({editor:t,selector:e=>e.editor?{isImage:t?.isActive("image")}:{}}),f=i.useCallback(e=>{if(e.preventDefault(),e.target.files){const m=e.target.files[0],r=new FileReader;r.onload=()=>{t?.chain().focus().insertContent({type:"image",attrs:{src:r.result}}).run()},r.onerror=p=>{console.error("Error reading file:",p)},r.readAsDataURL(m)}},[t]);return o.jsxs(x.TextEditorMenuAction,{isActive:d?.isImage,ref:u,onClick:()=>{},className:s.cn("relative",c),...l,children:[o.jsx(g,{className:"size-16"}),o.jsx("input",{className:s.cn("absolute file-selector opacity-0 file:cursor-pointer w-full h-full left-0 top-0"),type:"file",accept:"image/*",onChange:f})]})});a.displayName="ImageUploadMenu";exports.ImageUploadMenu=a;

package/dist/mainstack-design-system478.js

@@ -0,0 +1,64 @@
+'use client';
+import { jsxs as p, jsx as o } from "react/jsx-runtime";
+import { forwardRef as u, useCallback as d } from "react";
+import "./mainstack-design-system357.js";
+import g from "./mainstack-design-system241.js";
+import { u as I, a as h } from "./index-Bs97UtQm.js";
+import { TextEditorMenuAction as C } from "./mainstack-design-system484.js";
+import { cn as a } from "./mainstack-design-system530.js";
+const v = u(
+  ({ className: i, ...s }, l) => {
+    const { editor: r } = I(), n = h({
+      editor: r,
+      selector: (e) => e.editor ? {
+        isImage: r?.isActive("image")
+      } : {}
+    }), c = d(
+      (e) => {
+        if (e.preventDefault(), e.target.files) {
+          const m = e.target.files[0], t = new FileReader();
+          t.onload = () => {
+            r?.chain().focus().insertContent({
+              type: "image",
+              attrs: {
+                src: t.result
+              }
+            }).run();
+          }, t.onerror = (f) => {
+            console.error("Error reading file:", f);
+          }, t.readAsDataURL(m);
+        }
+      },
+      [r]
+    );
+    return /* @__PURE__ */ p(
+      C,
+      {
+        isActive: n?.isImage,
+        ref: l,
+        onClick: () => {
+        },
+        className: a("relative", i),
+        ...s,
+        children: [
+          /* @__PURE__ */ o(g, { className: "size-16" }),
+          /* @__PURE__ */ o(
+            "input",
+            {
+              className: a(
+                "absolute file-selector opacity-0 file:cursor-pointer w-full h-full left-0 top-0"
+              ),
+              type: "file",
+              accept: "image/*",
+              onChange: c
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+v.displayName = "ImageUploadMenu";
+export {
+  v as ImageUploadMenu
+};

package/dist/mainstack-design-system479.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react");require("./mainstack-design-system357.cjs");const u=require("./mainstack-design-system168.cjs"),n=require("./index-BSe6LhsG.cjs"),l=require("./mainstack-design-system484.cjs"),c=s.forwardRef(({...o},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,ref:a,...o,children:r.jsx(u,{className:"size-16"})})});c.displayName="ItalicMenu";exports.ItalicMenu=c;

package/dist/mainstack-design-system479.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import "./mainstack-design-system357.js";
+import n from "./mainstack-design-system168.js";
+import { u as s, a as l } from "./index-Bs97UtQm.js";
+import { TextEditorMenuAction as m } from "./mainstack-design-system484.js";
+const d = c(
+  ({ ...o }, a) => {
+    const { editor: i } = s(), r = l({
+      editor: i,
+      selector: (t) => t.editor ? {
+        isItalic: t.editor.isActive("italic") || !1,
+        canItalic: t.editor.can().chain().toggleItalic().run() || !1
+      } : {}
+    });
+    return /* @__PURE__ */ e(
+      m,
+      {
+        isActive: r?.isItalic,
+        onClick: () => i?.chain().focus().toggleItalic().run(),
+        disabled: !r?.canItalic,
+        ref: a,
+        ...o,
+        children: /* @__PURE__ */ e(n, { className: "size-16" })
+      }
+    );
+  }
+);
+d.displayName = "ItalicMenu";
+export {
+  d as ItalicMenu
+};

package/dist/mainstack-design-system48.cjs

@@ -0,0 +1 @@
+"use strict";const C=require("react/jsx-runtime"),n=require("./mainstack-design-system357.cjs"),e={outlined:C.jsx("g",{mask:"url(#mask0_1770_1175)",children:C.jsx("path",{d:"M8.05775 16H19.4423C19.5193 16 19.5898 15.9679 19.6538 15.9038C19.7179 15.8398 19.75 15.7692 19.75 15.6923V6H7.75V15.6923C7.75 15.7692 7.78208 15.8398 7.84625 15.9038C7.91025 15.9679 7.98075 16 8.05775 16ZM8.05775 17.5C7.55258 17.5 7.125 17.325 6.775 16.975C6.425 16.625 6.25 16.1974 6.25 15.6923V4.30775C6.25 3.80258 6.425 3.375 6.775 3.025C7.125 2.675 7.55258 2.5 8.05775 2.5H19.4423C19.9474 2.5 20.375 2.675 20.725 3.025C21.075 3.375 21.25 3.80258 21.25 4.30775V15.6923C21.25 16.1974 21.075 16.625 20.725 16.975C20.375 17.325 19.9474 17.5 19.4423 17.5H8.05775ZM4.55775 21C4.05258 21 3.625 20.825 3.275 20.475C2.925 20.125 2.75 19.6974 2.75 19.1923V7.05775C2.75 6.84492 2.82183 6.66667 2.9655 6.523C3.109 6.3795 3.28717 6.30775 3.5 6.30775C3.71283 6.30775 3.89108 6.3795 4.03475 6.523C4.17825 6.66667 4.25 6.84492 4.25 7.05775V19.1923C4.25 19.2693 4.28208 19.3398 4.34625 19.4038C4.41025 19.4679 4.48075 19.5 4.55775 19.5H16.6923C16.9051 19.5 17.0833 19.5718 17.227 19.7153C17.3705 19.8589 17.4423 20.0372 17.4423 20.25C17.4423 20.4628 17.3705 20.641 17.227 20.7845C17.0833 20.9282 16.9051 21 16.6923 21H4.55775Z",fill:"currentColor"})}),filled:C.jsx("g",{mask:"url(#mask0_1770_1176)",children:C.jsx("path",{d:"M8.05775 17.5C7.55258 17.5 7.125 17.325 6.775 16.975C6.425 16.625 6.25 16.1974 6.25 15.6923V4.30775C6.25 3.80258 6.425 3.375 6.775 3.025C7.125 2.675 7.55258 2.5 8.05775 2.5H19.4423C19.9474 2.5 20.375 2.675 20.725 3.025C21.075 3.375 21.25 3.80258 21.25 4.30775V15.6923C21.25 16.1974 21.075 16.625 20.725 16.975C20.375 17.325 19.9474 17.5 19.4423 17.5H8.05775ZM4.55775 21C4.05258 21 3.625 20.825 3.275 20.475C2.925 20.125 2.75 19.6974 2.75 19.1923V7.05775C2.75 6.84492 2.82183 6.66667 2.9655 6.523C3.109 6.3795 3.28717 6.30775 3.5 6.30775C3.71283 6.30775 3.89108 6.3795 4.03475 6.523C4.17825 6.66667 4.25 6.84492 4.25 7.05775V19.1923C4.25 19.2693 4.28208 19.3398 4.34625 19.4038C4.41025 19.4679 4.48075 19.5 4.55775 19.5H16.6923C16.9051 19.5 17.0833 19.5718 17.227 19.7153C17.3705 19.8589 17.4423 20.0372 17.4423 20.25C17.4423 20.4628 17.3705 20.641 17.227 20.7845C17.0833 20.9282 16.9051 21 16.6923 21H4.55775ZM7.75 6H19.75V4.30775C19.75 4.23075 19.7179 4.16025 19.6538 4.09625C19.5898 4.03208 19.5193 4 19.4423 4H8.05775C7.98075 4 7.91025 4.03208 7.84625 4.09625C7.78208 4.16025 7.75 4.23075 7.75 4.30775V6Z",fill:"currentColor"})})},o=({variant:r="outlined",...s})=>C.jsx(n,{...s,children:e[r]});module.exports=o;

package/dist/mainstack-design-system48.js

@@ -0,0 +1,21 @@
+import { jsx as C } from "react/jsx-runtime";
+import o from "./mainstack-design-system357.js";
+const t = {
+  outlined: /* @__PURE__ */ C("g", { mask: "url(#mask0_1770_1175)", children: /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M8.05775 16H19.4423C19.5193 16 19.5898 15.9679 19.6538 15.9038C19.7179 15.8398 19.75 15.7692 19.75 15.6923V6H7.75V15.6923C7.75 15.7692 7.78208 15.8398 7.84625 15.9038C7.91025 15.9679 7.98075 16 8.05775 16ZM8.05775 17.5C7.55258 17.5 7.125 17.325 6.775 16.975C6.425 16.625 6.25 16.1974 6.25 15.6923V4.30775C6.25 3.80258 6.425 3.375 6.775 3.025C7.125 2.675 7.55258 2.5 8.05775 2.5H19.4423C19.9474 2.5 20.375 2.675 20.725 3.025C21.075 3.375 21.25 3.80258 21.25 4.30775V15.6923C21.25 16.1974 21.075 16.625 20.725 16.975C20.375 17.325 19.9474 17.5 19.4423 17.5H8.05775ZM4.55775 21C4.05258 21 3.625 20.825 3.275 20.475C2.925 20.125 2.75 19.6974 2.75 19.1923V7.05775C2.75 6.84492 2.82183 6.66667 2.9655 6.523C3.109 6.3795 3.28717 6.30775 3.5 6.30775C3.71283 6.30775 3.89108 6.3795 4.03475 6.523C4.17825 6.66667 4.25 6.84492 4.25 7.05775V19.1923C4.25 19.2693 4.28208 19.3398 4.34625 19.4038C4.41025 19.4679 4.48075 19.5 4.55775 19.5H16.6923C16.9051 19.5 17.0833 19.5718 17.227 19.7153C17.3705 19.8589 17.4423 20.0372 17.4423 20.25C17.4423 20.4628 17.3705 20.641 17.227 20.7845C17.0833 20.9282 16.9051 21 16.6923 21H4.55775Z",
+      fill: "currentColor"
+    }
+  ) }),
+  filled: /* @__PURE__ */ C("g", { mask: "url(#mask0_1770_1176)", children: /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M8.05775 17.5C7.55258 17.5 7.125 17.325 6.775 16.975C6.425 16.625 6.25 16.1974 6.25 15.6923V4.30775C6.25 3.80258 6.425 3.375 6.775 3.025C7.125 2.675 7.55258 2.5 8.05775 2.5H19.4423C19.9474 2.5 20.375 2.675 20.725 3.025C21.075 3.375 21.25 3.80258 21.25 4.30775V15.6923C21.25 16.1974 21.075 16.625 20.725 16.975C20.375 17.325 19.9474 17.5 19.4423 17.5H8.05775ZM4.55775 21C4.05258 21 3.625 20.825 3.275 20.475C2.925 20.125 2.75 19.6974 2.75 19.1923V7.05775C2.75 6.84492 2.82183 6.66667 2.9655 6.523C3.109 6.3795 3.28717 6.30775 3.5 6.30775C3.71283 6.30775 3.89108 6.3795 4.03475 6.523C4.17825 6.66667 4.25 6.84492 4.25 7.05775V19.1923C4.25 19.2693 4.28208 19.3398 4.34625 19.4038C4.41025 19.4679 4.48075 19.5 4.55775 19.5H16.6923C16.9051 19.5 17.0833 19.5718 17.227 19.7153C17.3705 19.8589 17.4423 20.0372 17.4423 20.25C17.4423 20.4628 17.3705 20.641 17.227 20.7845C17.0833 20.9282 16.9051 21 16.6923 21H4.55775ZM7.75 6H19.75V4.30775C19.75 4.23075 19.7179 4.16025 19.6538 4.09625C19.5898 4.03208 19.5193 4 19.4423 4H8.05775C7.98075 4 7.91025 4.03208 7.84625 4.09625C7.78208 4.16025 7.75 4.23075 7.75 4.30775V6Z",
+      fill: "currentColor"
+    }
+  ) })
+}, e = ({ variant: r = "outlined", ...l }) => /* @__PURE__ */ C(o, { ...l, children: t[r] });
+export {
+  e as default
+};

package/dist/mainstack-design-system480.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react");require("./mainstack-design-system357.cjs");const B=require("./mainstack-design-system108.cjs"),D=require("./mainstack-design-system206.cjs"),r=require("./index-8e38Kd2T.cjs"),m=require("./index-BSe6LhsG.cjs"),T=require("./mainstack-design-system484.cjs");require("./mainstack-design-system420.cjs");const h=require("./mainstack-design-system421.cjs"),g=require("./mainstack-design-system422.cjs");require("./mainstack-design-system423.cjs");require("./mainstack-design-system424.cjs");require("./mainstack-design-system425.cjs");require("./mainstack-design-system426.cjs");require("./mainstack-design-system427.cjs");require("./mainstack-design-system429.cjs");require("./mainstack-design-system430.cjs");const p=require("./mainstack-design-system428.cjs"),F=require("./mainstack-design-system530.cjs"),N=require("./mainstack-design-system384.cjs");require("./mainstack-design-system385.cjs");const S=require("./mainstack-design-system386.cjs"),j=require("./mainstack-design-system387.cjs"),f=i.forwardRef(({...k},q)=>{const[c,a]=i.useState(""),[s,u]=i.useState(""),[_,d]=i.useState(!1),{editor:n}=m.useCurrentEditor(),x=m.useEditorState({editor:n,selector:t=>t.editor?{isLink:t.editor.isActive("link")||!1,canLink:t.editor.can().chain().toggleLink().run()||!1}:{}}),v=i.useCallback(()=>{if(!n)return;const{view:t,state:o}=n,{from:l,to:C}=t.state.selection,b=o.doc.textBetween(l,C,"")||"",I=n?.getAttributes("link").href||"";a(b),u(I)},[n]),L=()=>{if(!s||!n)return;const{view:t}=n,{from:o,to:l}=t.state.selection;n?.chain().focus().extendMarkRange("link").setLink({href:s}).insertContentAt({from:o,to:l},c).run(),d(!1)};return e.jsx(e.Fragment,{children:e.jsxs(r.Dialog,{open:_,onOpenChange:d,children:[e.jsx(r.DialogTrigger,{asChild:!0,children:e.jsx(T.TextEditorMenuAction,{isActive:x?.isLink,onClick:v,disabled:!x?.canLink,ref:q,...k,children:e.jsx(D,{className:"size-16"})})}),e.jsxs(r.DialogPortal,{children:[e.jsx(r.DialogOverlay,{className:"fixed opacity-30 z-10 bg-border-interactive-neutral-active-hover inset-0"}),e.jsxs(r.DialogContent,{className:"fixed z-20 top-1/2 left-1/2 -translate-1/2 w-full max-w-500 p-25 rounded-6 shadow-200 bg-surface-neutral-l1",children:[e.jsx(r.DialogTitle,{className:F.cn("headline-large-bold"),children:"Add Link"}),e.jsxs("div",{className:"flex mt-18 flex-col gap-12",children:[e.jsxs(h.FormItem,{children:[e.jsx(g.FormLabel,{children:"Text"}),e.jsx(p.Input,{value:c,onChange:t=>a(t.target.value),placeholder:"Enter text here..."})]}),e.jsxs(h.FormItem,{children:[e.jsx(g.FormLabel,{children:"Link"}),e.jsx(p.Input,{value:s,onChange:t=>u(t.target.value),placeholder:"Enter link here..."})]})]}),e.jsxs("div",{className:"flex mt-24 gap-12 items-center justify-end",children:[e.jsx(r.DialogClose,{asChild:!0,children:e.jsx(j.Button,{variant:"outline",size:"xs",children:"Cancel"})}),e.jsx(j.Button,{disabled:!s,onClick:L,size:"xs",children:"Save"})]}),e.jsx(r.DialogClose,{asChild:!0,children:e.jsx(S.ButtonRoot,{className:"absolute size-24 top-12 right-12",iconOnly:!0,size:"tiny",rounded:"sm",children:e.jsx(N.ButtonIcon,{children:e.jsx(B,{className:"size-18"})})})})]})]})]})})});f.displayName="LinkMenu";exports.LinkMenu=f;

package/dist/mainstack-design-system480.js

@@ -0,0 +1,105 @@
+'use client';
+import { jsx as e, Fragment as w, jsxs as r } from "react/jsx-runtime";
+import { forwardRef as y, useState as s, useCallback as A } from "react";
+import "./mainstack-design-system357.js";
+import I from "./mainstack-design-system108.js";
+import T from "./mainstack-design-system206.js";
+import { D as E, a as O, b as S, c as B, d as M, e as j, f } from "./index-BhTO5JL8.js";
+import { u as F, a as H } from "./index-Bs97UtQm.js";
+import { TextEditorMenuAction as R } from "./mainstack-design-system484.js";
+import "./mainstack-design-system420.js";
+import { FormItem as p } from "./mainstack-design-system421.js";
+import { FormLabel as h } from "./mainstack-design-system422.js";
+import "./mainstack-design-system423.js";
+import "./mainstack-design-system424.js";
+import "./mainstack-design-system425.js";
+import "./mainstack-design-system426.js";
+import "./mainstack-design-system427.js";
+import "./mainstack-design-system429.js";
+import "./mainstack-design-system430.js";
+import { Input as g } from "./mainstack-design-system428.js";
+import { cn as P } from "./mainstack-design-system530.js";
+import { ButtonIcon as V } from "./mainstack-design-system384.js";
+import "./mainstack-design-system385.js";
+import { ButtonRoot as _ } from "./mainstack-design-system386.js";
+import { Button as k } from "./mainstack-design-system387.js";
+const q = y(
+  ({ ...v }, x) => {
+    const [l, c] = s(""), [o, m] = s(""), [C, d] = s(!1), { editor: i } = F(), u = H({
+      editor: i,
+      selector: (t) => t.editor ? {
+        isLink: t.editor.isActive("link") || !1,
+        canLink: t.editor.can().chain().toggleLink().run() || !1
+      } : {}
+    }), L = A(() => {
+      if (!i) return;
+      const { view: t, state: n } = i, { from: a, to: D } = t.state.selection, N = n.doc.textBetween(a, D, "") || "", z = i?.getAttributes("link").href || "";
+      c(N), m(z);
+    }, [i]), b = () => {
+      if (!o || !i) return;
+      const { view: t } = i, { from: n, to: a } = t.state.selection;
+      i?.chain().focus().extendMarkRange("link").setLink({ href: o }).insertContentAt({ from: n, to: a }, l).run(), d(!1);
+    };
+    return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ r(E, { open: C, onOpenChange: d, children: [
+      /* @__PURE__ */ e(O, { asChild: !0, children: /* @__PURE__ */ e(
+        R,
+        {
+          isActive: u?.isLink,
+          onClick: L,
+          disabled: !u?.canLink,
+          ref: x,
+          ...v,
+          children: /* @__PURE__ */ e(T, { className: "size-16" })
+        }
+      ) }),
+      /* @__PURE__ */ r(S, { children: [
+        /* @__PURE__ */ e(B, { className: "fixed opacity-30 z-10 bg-border-interactive-neutral-active-hover inset-0" }),
+        /* @__PURE__ */ r(M, { className: "fixed z-20 top-1/2 left-1/2 -translate-1/2 w-full max-w-500 p-25 rounded-6 shadow-200 bg-surface-neutral-l1", children: [
+          /* @__PURE__ */ e(j, { className: P("headline-large-bold"), children: "Add Link" }),
+          /* @__PURE__ */ r("div", { className: "flex mt-18 flex-col gap-12", children: [
+            /* @__PURE__ */ r(p, { children: [
+              /* @__PURE__ */ e(h, { children: "Text" }),
+              /* @__PURE__ */ e(
+                g,
+                {
+                  value: l,
+                  onChange: (t) => c(t.target.value),
+                  placeholder: "Enter text here..."
+                }
+              )
+            ] }),
+            /* @__PURE__ */ r(p, { children: [
+              /* @__PURE__ */ e(h, { children: "Link" }),
+              /* @__PURE__ */ e(
+                g,
+                {
+                  value: o,
+                  onChange: (t) => m(t.target.value),
+                  placeholder: "Enter link here..."
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "flex mt-24 gap-12 items-center justify-end", children: [
+            /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ e(k, { variant: "outline", size: "xs", children: "Cancel" }) }),
+            /* @__PURE__ */ e(k, { disabled: !o, onClick: b, size: "xs", children: "Save" })
+          ] }),
+          /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ e(
+            _,
+            {
+              className: "absolute size-24 top-12 right-12",
+              iconOnly: !0,
+              size: "tiny",
+              rounded: "sm",
+              children: /* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(I, { className: "size-18" }) })
+            }
+          ) })
+        ] })
+      ] })
+    ] }) });
+  }
+);
+q.displayName = "LinkMenu";
+export {
+  q as LinkMenu
+};

package/dist/mainstack-design-system481.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system357.cjs");const u=require("./mainstack-design-system170.cjs"),s=require("./index-BSe6LhsG.cjs"),a=require("./mainstack-design-system484.cjs"),d=c.forwardRef(({...n},o)=>{const{editor:r}=s.useCurrentEditor(),t=s.useEditorState({editor:r,selector:e=>e.editor?{isOrderedList:e.editor.isActive("orderedList")||!1,canOrderedList:!e.editor.can().chain().toggleOrderedList().run()||!1}:{}});return i.jsx(a.TextEditorMenuAction,{isActive:t?.isOrderedList,disabled:t?.canOrderedList,onClick:()=>r?.chain().focus().toggleOrderedList().run(),ref:o,...n,children:i.jsx(u,{className:"size-16"})})});d.displayName="OrderedListMenu";exports.OrderedListMenu=d;

package/dist/mainstack-design-system481.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import "./mainstack-design-system357.js";
+import n from "./mainstack-design-system170.js";
+import { u as a, a as c } from "./index-Bs97UtQm.js";
+import { TextEditorMenuAction as m } from "./mainstack-design-system484.js";
+const u = s(
+  ({ ...o }, d) => {
+    const { editor: e } = a(), t = c({
+      editor: e,
+      selector: (r) => r.editor ? {
+        isOrderedList: r.editor.isActive("orderedList") || !1,
+        canOrderedList: !r.editor.can().chain().toggleOrderedList().run() || !1
+      } : {}
+    });
+    return /* @__PURE__ */ i(
+      m,
+      {
+        isActive: t?.isOrderedList,
+        disabled: t?.canOrderedList,
+        onClick: () => e?.chain().focus().toggleOrderedList().run(),
+        ref: d,
+        ...o,
+        children: /* @__PURE__ */ i(n, { className: "size-16" })
+      }
+    );
+  }
+);
+u.displayName = "OrderedListMenu";
+export {
+  u as OrderedListMenu
+};

package/dist/mainstack-design-system482.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system357.cjs");const a=require("./mainstack-design-system277.cjs"),o=require("./index-BSe6LhsG.cjs"),d=require("./mainstack-design-system484.cjs"),n=c.forwardRef(({...s},u)=>{const{editor:t}=o.useCurrentEditor(),r=o.useEditorState({editor:t,selector:e=>e.editor?{isStrike:e.editor.isActive("strike")||!1,canStrike:e.editor.can().chain().toggleStrike().run()||!1}:{}});return i.jsx(d.TextEditorMenuAction,{isActive:r?.isStrike,onClick:()=>t?.chain().focus().toggleStrike().run(),disabled:!r?.canStrike,ref:u,...s,children:i.jsx(a,{className:"size-16"})})});n.displayName="StrikethroughMenu";exports.StrikethroughMenu=n;

package/dist/mainstack-design-system482.js

@@ -0,0 +1,33 @@
+'use client';
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import "./mainstack-design-system357.js";
+import a from "./mainstack-design-system277.js";
+import { u, a as c } from "./index-Bs97UtQm.js";
+import { TextEditorMenuAction as d } from "./mainstack-design-system484.js";
+const m = n(
+  ({ ...o }, s) => {
+    const { editor: t } = u(), e = c({
+      editor: t,
+      selector: (r) => r.editor ? {
+        isStrike: r.editor.isActive("strike") || !1,
+        canStrike: r.editor.can().chain().toggleStrike().run() || !1
+      } : {}
+    });
+    return /* @__PURE__ */ i(
+      d,
+      {
+        isActive: e?.isStrike,
+        onClick: () => t?.chain().focus().toggleStrike().run(),
+        disabled: !e?.canStrike,
+        ref: s,
+        ...o,
+        children: /* @__PURE__ */ i(a, { className: "size-16" })
+      }
+    );
+  }
+);
+m.displayName = "StrikethroughMenu";
+export {
+  m as StrikethroughMenu
+};

package/dist/mainstack-design-system483.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("react");require("./mainstack-design-system357.cjs");const u=require("./mainstack-design-system163.cjs"),a=require("./mainstack-design-system164.cjs"),x=require("./mainstack-design-system165.cjs"),d=require("./mainstack-design-system166.cjs"),A=require("./index-BSe6LhsG.cjs"),t=require("./index-B43IDo7j.cjs"),r=require("./mainstack-design-system484.cjs"),g=j.forwardRef(({...T},h)=>{const{editor:s}=A.useCurrentEditor(),i=A.useEditorState({editor:s,selector:n=>{if(!n.editor)return{};const o=n.editor.isActive({textAlign:"left"})||!1,l=n.editor.isActive({textAlign:"right"})||!1,c=n.editor.isActive({textAlign:"center"})||!1,f=n.editor.isActive({textAlign:"justify"})||!1;return{isTextAlignLeft:o,isTextAlignRight:l,isTextAlignCenter:c,isTextAlignJustify:f,isTextAlign:o||l||c,canTextAlign:!n?.editor?.can().chain().toggleTextAlign("right").run()||!1}}});return e.jsxs(t.DropdownMenu,{children:[e.jsx(t.DropdownMenuTrigger,{disabled:i?.canTextAlign,asChild:!0,children:e.jsx(r.TextEditorMenuAction,{ref:h,isActive:i?.isTextAlign,disabled:i?.canTextAlign,...T,children:i?.isTextAlignLeft?e.jsx(x,{className:"size-16"}):i?.isTextAlignRight?e.jsx(d,{className:"size-16"}):i?.isTextAlignCenter?e.jsx(u,{className:"size-16"}):e.jsx(a,{className:"size-16"})})}),e.jsx(t.DropdownMenuPortal,{children:e.jsxs(t.DropdownMenuContent,{className:"cursor-pointer flex flex-col gap-4 bg-surface-neutral-l1 shadow-200 p-6 rounded-12",children:[e.jsx(t.DropdownMenuItem,{asChild:!0,children:e.jsx(r.TextEditorMenuAction,{isActive:i?.isTextAlignJustify,onClick:()=>s?.chain().focus().setTextAlign("justify").run(),children:e.jsx(a,{className:"size-16"})})}),e.jsx(t.DropdownMenuItem,{asChild:!0,children:e.jsx(r.TextEditorMenuAction,{isActive:i?.isTextAlignLeft,onClick:()=>s?.chain().focus().setTextAlign("left").run(),children:e.jsx(x,{className:"size-16"})})}),e.jsx(t.DropdownMenuItem,{asChild:!0,children:e.jsx(r.TextEditorMenuAction,{isActive:i?.isTextAlignRight,onClick:()=>s?.chain().focus().setTextAlign("right").run(),children:e.jsx(d,{className:"size-16"})})}),e.jsx(t.DropdownMenuItem,{asChild:!0,children:e.jsx(r.TextEditorMenuAction,{isActive:i?.isTextAlignCenter,onClick:()=>s?.chain().focus().setTextAlign("center").run(),children:e.jsx(u,{className:"size-16"})})}),e.jsx(t.DropdownMenuArrow,{className:"fill-surface-neutral-l1 text-surface-neutral-l1"})]})})]})});g.displayName="TextAlignMenu";exports.TextAlignMenu=g;