mainstack-design-system 1.0.0 → 1.1.2

package/dist/mainstack-design-system488.js

@@ -0,0 +1,106 @@
+'use client';
+import { jsx as e, Fragment as w, jsxs as r } from "react/jsx-runtime";
+import { forwardRef as y, useState as l, useCallback as A } from "react";
+import "./mainstack-design-system356.js";
+import I from "./mainstack-design-system107.js";
+import T from "./mainstack-design-system205.js";
+import { D as E, a as O, b as S, c as B, d as M, e as j, f } from "./index-qXBwwKNh.js";
+import { u as F, a as H } from "./index-DivqSV6G.js";
+import { TextEditorMenuAction as R } from "./mainstack-design-system492.js";
+import "./mainstack-design-system428.js";
+import { FormItem as p } from "./mainstack-design-system429.js";
+import { FormLabel as h } from "./mainstack-design-system430.js";
+import "./mainstack-design-system431.js";
+import "./mainstack-design-system432.js";
+import "./mainstack-design-system433.js";
+import "./mainstack-design-system434.js";
+import "./mainstack-design-system435.js";
+import "./mainstack-design-system437.js";
+import "./mainstack-design-system438.js";
+import { Input as g } from "./mainstack-design-system436.js";
+import { cn as P } from "./mainstack-design-system586.js";
+import { ButtonIcon as V } from "./mainstack-design-system392.js";
+import "./mainstack-design-system393.js";
+import { ButtonRoot as _ } from "./mainstack-design-system394.js";
+import { Button as k } from "./mainstack-design-system395.js";
+const q = y(
+  ({ ...v }, x) => {
+    const [s, c] = l(""), [o, d] = l(""), [C, m] = l(!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), d(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 }, s).run(), m(!1);
+    };
+    return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ r(E, { open: C, onOpenChange: m, children: [
+      /* @__PURE__ */ e(O, { asChild: !0, children: /* @__PURE__ */ e(
+        R,
+        {
+          isActive: u?.isLink,
+          "data-slot": "text-editor-link-menu",
+          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-100 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: s,
+                  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) => d(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-system489.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-system356.cjs");const u=require("./mainstack-design-system169.cjs"),d=require("./index-C5YYEtQG.cjs"),a=require("./mainstack-design-system492.cjs"),s=c.forwardRef(({...o},n)=>{const{editor:r}=d.useCurrentEditor(),t=d.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(),"data-slot":"text-editor-ordered-list-menu",ref:n,...o,children:i.jsx(u,{className:"size-16"})})});s.displayName="OrderedListMenu";exports.OrderedListMenu=s;

package/dist/mainstack-design-system489.js

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

package/dist/mainstack-design-system49.cjs

@@ -0,0 +1 @@
+"use strict";const C=require("react/jsx-runtime"),n=require("./mainstack-design-system356.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-system49.js

@@ -0,0 +1,24 @@
+import { jsx as C } from "react/jsx-runtime";
+import o from "./mainstack-design-system356.js";
+const V = {
+  outlined: /* @__PURE__ */ C("g", { mask: "url(#mask0_1664_682)", children: /* @__PURE__ */ C(
+    "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: /* @__PURE__ */ C("g", { mask: "url(#mask0_1664_683)", children: /* @__PURE__ */ C(
+    "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"
+    }
+  ) })
+}, n = ({
+  variant: r = "outlined",
+  ...H
+}) => /* @__PURE__ */ C(o, { ...H, children: V[r] });
+export {
+  n as default
+};

package/dist/mainstack-design-system490.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-system356.cjs");const a=require("./mainstack-design-system276.cjs"),o=require("./index-C5YYEtQG.cjs"),d=require("./mainstack-design-system492.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(),"data-slot":"text-editor-strikethrough-menu",disabled:!r?.canStrike,ref:u,...s,children:i.jsx(a,{className:"size-16"})})});n.displayName="StrikethroughMenu";exports.StrikethroughMenu=n;

package/dist/mainstack-design-system490.js

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

package/dist/mainstack-design-system491.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react");require("./mainstack-design-system356.cjs");const u=require("./mainstack-design-system162.cjs"),a=require("./mainstack-design-system163.cjs"),x=require("./mainstack-design-system164.cjs"),d=require("./mainstack-design-system165.cjs"),g=require("./index-C5YYEtQG.cjs"),i=require("./index-B43IDo7j.cjs"),r=require("./mainstack-design-system492.cjs"),A=m.forwardRef(({...T},h)=>{const{editor:s}=g.useCurrentEditor(),t=g.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(i.DropdownMenu,{children:[e.jsx(i.DropdownMenuTrigger,{disabled:t?.canTextAlign,asChild:!0,children:e.jsx(r.TextEditorMenuAction,{ref:h,isActive:t?.isTextAlign,disabled:t?.canTextAlign,"data-slot":"text-editor-text-align-menu",...T,children:t?.isTextAlignLeft?e.jsx(x,{className:"size-16"}):t?.isTextAlignRight?e.jsx(d,{className:"size-16"}):t?.isTextAlignCenter?e.jsx(u,{className:"size-16"}):e.jsx(a,{className:"size-16"})})}),e.jsx(i.DropdownMenuPortal,{children:e.jsxs(i.DropdownMenuContent,{className:"cursor-pointer flex flex-col z-100 gap-4 bg-surface-neutral-l1 shadow-200 p-6 rounded-12",children:[e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(r.TextEditorMenuAction,{isActive:t?.isTextAlignJustify,onClick:()=>s?.chain().focus().setTextAlign("justify").run(),children:e.jsx(a,{className:"size-16"})})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(r.TextEditorMenuAction,{isActive:t?.isTextAlignLeft,onClick:()=>s?.chain().focus().setTextAlign("left").run(),children:e.jsx(x,{className:"size-16"})})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(r.TextEditorMenuAction,{isActive:t?.isTextAlignRight,onClick:()=>s?.chain().focus().setTextAlign("right").run(),children:e.jsx(d,{className:"size-16"})})}),e.jsx(i.DropdownMenuItem,{asChild:!0,children:e.jsx(r.TextEditorMenuAction,{isActive:t?.isTextAlignCenter,onClick:()=>s?.chain().focus().setTextAlign("center").run(),children:e.jsx(u,{className:"size-16"})})}),e.jsx(i.DropdownMenuArrow,{className:"fill-surface-neutral-l1 text-surface-neutral-l1"})]})})]})});A.displayName="TextAlignMenu";exports.TextAlignMenu=A;

package/dist/mainstack-design-system491.js

@@ -0,0 +1,82 @@
+'use client';
+import { jsxs as c, jsx as e } from "react/jsx-runtime";
+import { forwardRef as x } from "react";
+import "./mainstack-design-system356.js";
+import d from "./mainstack-design-system162.js";
+import g from "./mainstack-design-system163.js";
+import u from "./mainstack-design-system164.js";
+import A from "./mainstack-design-system165.js";
+import { u as T, a as p } from "./index-DivqSV6G.js";
+import { D as C, a as N, b as v, c as w, d as r, e as z } from "./index-BgRpW4T4.js";
+import { TextEditorMenuAction as s } from "./mainstack-design-system492.js";
+const M = x(
+  ({ ...f }, m) => {
+    const { editor: n } = T(), i = p({
+      editor: n,
+      selector: (t) => {
+        if (!t.editor) return {};
+        const l = t.editor.isActive({ textAlign: "left" }) || !1, o = t.editor.isActive({ textAlign: "right" }) || !1, a = t.editor.isActive({ textAlign: "center" }) || !1, h = t.editor.isActive({ textAlign: "justify" }) || !1;
+        return {
+          isTextAlignLeft: l,
+          isTextAlignRight: o,
+          isTextAlignCenter: a,
+          isTextAlignJustify: h,
+          isTextAlign: l || o || a,
+          canTextAlign: !t?.editor?.can().chain().toggleTextAlign("right").run() || !1
+        };
+      }
+    });
+    return /* @__PURE__ */ c(C, { children: [
+      /* @__PURE__ */ e(N, { disabled: i?.canTextAlign, asChild: !0, children: /* @__PURE__ */ e(
+        s,
+        {
+          ref: m,
+          isActive: i?.isTextAlign,
+          disabled: i?.canTextAlign,
+          "data-slot": "text-editor-text-align-menu",
+          ...f,
+          children: i?.isTextAlignLeft ? /* @__PURE__ */ e(u, { className: "size-16" }) : i?.isTextAlignRight ? /* @__PURE__ */ e(A, { className: "size-16" }) : i?.isTextAlignCenter ? /* @__PURE__ */ e(d, { className: "size-16" }) : /* @__PURE__ */ e(g, { className: "size-16" })
+        }
+      ) }),
+      /* @__PURE__ */ e(v, { children: /* @__PURE__ */ c(w, { className: "cursor-pointer flex flex-col z-100 gap-4 bg-surface-neutral-l1 shadow-200 p-6 rounded-12", children: [
+        /* @__PURE__ */ e(r, { asChild: !0, children: /* @__PURE__ */ e(
+          s,
+          {
+            isActive: i?.isTextAlignJustify,
+            onClick: () => n?.chain().focus().setTextAlign("justify").run(),
+            children: /* @__PURE__ */ e(g, { className: "size-16" })
+          }
+        ) }),
+        /* @__PURE__ */ e(r, { asChild: !0, children: /* @__PURE__ */ e(
+          s,
+          {
+            isActive: i?.isTextAlignLeft,
+            onClick: () => n?.chain().focus().setTextAlign("left").run(),
+            children: /* @__PURE__ */ e(u, { className: "size-16" })
+          }
+        ) }),
+        /* @__PURE__ */ e(r, { asChild: !0, children: /* @__PURE__ */ e(
+          s,
+          {
+            isActive: i?.isTextAlignRight,
+            onClick: () => n?.chain().focus().setTextAlign("right").run(),
+            children: /* @__PURE__ */ e(A, { className: "size-16" })
+          }
+        ) }),
+        /* @__PURE__ */ e(r, { asChild: !0, children: /* @__PURE__ */ e(
+          s,
+          {
+            isActive: i?.isTextAlignCenter,
+            onClick: () => n?.chain().focus().setTextAlign("center").run(),
+            children: /* @__PURE__ */ e(d, { className: "size-16" })
+          }
+        ) }),
+        /* @__PURE__ */ e(z, { className: "fill-surface-neutral-l1 text-surface-neutral-l1" })
+      ] }) })
+    ] });
+  }
+);
+M.displayName = "TextAlignMenu";
+export {
+  M as TextAlignMenu
+};

package/dist/mainstack-design-system492.cjs

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

package/dist/mainstack-design-system492.js

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

package/dist/mainstack-design-system493.cjs

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

package/dist/mainstack-design-system493.js

@@ -0,0 +1,129 @@
+'use client';
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import "./mainstack-design-system356.js";
+import p from "./mainstack-design-system152.js";
+import { u as m, a as v } from "./index-DivqSV6G.js";
+import { D as f, a as H, b, c as y, d as l, e as A } from "./index-BgRpW4T4.js";
+import { cn as n } from "./mainstack-design-system586.js";
+import { TextEditorMenuAction as d } from "./mainstack-design-system492.js";
+const C = h(
+  ({ className: o, ...t }, c) => {
+    const { editor: a } = m(), i = v({
+      editor: a,
+      selector: (r) => {
+        if (!r.editor) return {};
+        const g = [1, 2, 3, 4, 5, 6].find(
+          (u) => a?.isActive("heading", { level: u })
+        );
+        return {
+          isParagraph: r.editor.isActive("paragraph") || !1,
+          isHeading1: r.editor.isActive("heading", { level: 1 }) || !1,
+          isHeading2: r.editor.isActive("heading", { level: 2 }) || !1,
+          isHeading3: r.editor.isActive("heading", { level: 3 }) || !1,
+          isHeading4: r.editor.isActive("heading", { level: 4 }) || !1,
+          isHeading5: r.editor.isActive("heading", { level: 5 }) || !1,
+          isHeading6: r.editor.isActive("heading", { level: 6 }) || !1,
+          canHeadingParagraph: !r.editor.can().chain().toggleHeading({ level: 1 }).run() || !1,
+          activeHeading: g
+        };
+      }
+    });
+    return /* @__PURE__ */ s(f, { children: [
+      /* @__PURE__ */ e(
+        H,
+        {
+          disabled: i?.canHeadingParagraph,
+          asChild: !0,
+          children: /* @__PURE__ */ s(
+            d,
+            {
+              ref: c,
+              disabled: i?.canHeadingParagraph,
+              "data-slot": "text-editor-text-sizes-menu",
+              className: n(
+                "flex cursor-pointer items-center gap-8 hover:bg-border-interactive-neutral p-7 rounded-8",
+                o
+              ),
+              ...t,
+              children: [
+                /* @__PURE__ */ e("p", { className: "body-tiny-medium", children: i?.activeHeading ? `H${i?.activeHeading}` : "Normal" }),
+                /* @__PURE__ */ e(p, { className: "size-12" })
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ s(y, { className: "cursor-pointer flex flex-col gap-4 z-100 bg-surface-neutral-l1 shadow-200 p-6 rounded-12", children: [
+        /* @__PURE__ */ e(l, { asChild: !0, children: /* @__PURE__ */ e(
+          d,
+          {
+            isActive: i?.isHeading1,
+            className: n("body-large-bold", "py-2 px-6 rounded-8"),
+            onClick: () => a?.chain().focus().toggleHeading({ level: 1 }).run(),
+            children: "H1"
+          }
+        ) }),
+        /* @__PURE__ */ e(l, { asChild: !0, children: /* @__PURE__ */ e(
+          d,
+          {
+            isActive: i?.isHeading2,
+            className: n("body-medium-bold", "py-2 px-6 rounded-8"),
+            onClick: () => a?.chain().focus().toggleHeading({ level: 2 }).run(),
+            children: "H2"
+          }
+        ) }),
+        /* @__PURE__ */ e(l, { asChild: !0, children: /* @__PURE__ */ e(
+          d,
+          {
+            isActive: i?.isHeading3,
+            className: n("body-small-bold", "py-2 px-6 rounded-8"),
+            onClick: () => a?.chain().focus().toggleHeading({ level: 3 }).run(),
+            children: "H3"
+          }
+        ) }),
+        /* @__PURE__ */ e(l, { asChild: !0, children: /* @__PURE__ */ e(
+          d,
+          {
+            isActive: i?.isHeading4,
+            className: n("body-extrasmall-bold", "py-2 px-6 rounded-8"),
+            onClick: () => a?.chain().focus().toggleHeading({ level: 4 }).run(),
+            children: "H4"
+          }
+        ) }),
+        /* @__PURE__ */ e(l, { asChild: !0, children: /* @__PURE__ */ e(
+          d,
+          {
+            isActive: i?.isHeading5,
+            className: n("body-tiny-bold", "py-2 px-6 rounded-8"),
+            onClick: () => a?.chain().focus().toggleHeading({ level: 5 }).run(),
+            children: "H5"
+          }
+        ) }),
+        /* @__PURE__ */ e(l, { asChild: !0, children: /* @__PURE__ */ e(
+          d,
+          {
+            isActive: i?.isHeading6,
+            className: n("body-extratiny-bold", "py-2 px-6 rounded-8"),
+            onClick: () => a?.chain().focus().toggleHeading({ level: 6 }).run(),
+            children: "H6"
+          }
+        ) }),
+        /* @__PURE__ */ e(l, { asChild: !0, children: /* @__PURE__ */ e(
+          d,
+          {
+            isActive: i?.isParagraph,
+            className: n("body-overline-bold", "py-2 px-6 rounded-8"),
+            onClick: () => a?.chain().focus().setParagraph().run(),
+            children: "Normal"
+          }
+        ) }),
+        /* @__PURE__ */ e(A, { className: "fill-surface-neutral-l1 text-surface-neutral-l1" })
+      ] }) })
+    ] });
+  }
+);
+C.displayName = "TextSizesMenu";
+export {
+  C as TextSizesMenu
+};

package/dist/mainstack-design-system494.cjs

@@ -0,0 +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-system356.cjs");const a=require("./mainstack-design-system171.cjs"),i=require("./index-C5YYEtQG.cjs"),c=require("./mainstack-design-system586.cjs"),b=require("./mainstack-design-system492.cjs"),o=u.forwardRef(({className:d,...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(b.TextEditorMenuAction,{className:c.cn(" outline-none border-none cursor-pointer hover:bg-border-interactive-neutral p-7 rounded-8 disabled:text-disabled disabled:cursor-not-allowed",n?.isUnderline&&"bg-border-interactive-neutral-active text-surface-neutral-l1 hover:bg-border-interactive-neutral-active-hover",d),onClick:()=>r?.chain().focus().toggleUnderline().run(),disabled:!n?.canUnderline,"data-slot":"text-editor-underline-menu",ref:l,...s,children:t.jsx(a,{className:"size-16"})})});o.displayName="UnderlineMenu";exports.UnderlineMenu=o;

package/dist/mainstack-design-system494.js

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

package/dist/mainstack-design-system495.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("react");require("./mainstack-design-system356.cjs");const d=require("./mainstack-design-system168.cjs"),n=require("./index-C5YYEtQG.cjs"),c=require("./mainstack-design-system492.cjs"),o=l.forwardRef(({...s},u)=>{const{editor:t}=n.useCurrentEditor(),r=n.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,...s,children:i.jsx(d,{className:"size-16"})})});o.displayName="UnorderedListMenu";exports.UnorderedListMenu=o;

package/dist/mainstack-design-system495.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import "./mainstack-design-system356.js";
+import n from "./mainstack-design-system168.js";
+import { u, a as d } from "./index-DivqSV6G.js";
+import { TextEditorMenuAction as a } from "./mainstack-design-system492.js";
+const c = l(
+  ({ ...o }, s) => {
+    const { editor: e } = u(), r = d({
+      editor: e,
+      selector: (t) => t.editor ? {
+        isBulletList: t.editor.isActive("bulletList") || !1,
+        canBulletList: !t.editor.can().chain().toggleBulletList().run() || !1
+      } : {}
+    });
+    return /* @__PURE__ */ i(
+      a,
+      {
+        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: "size-16" })
+      }
+    );
+  }
+);
+c.displayName = "UnorderedListMenu";
+export {
+  c as UnorderedListMenu
+};

package/dist/mainstack-design-system496.cjs

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

package/dist/mainstack-design-system496.js

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

package/dist/mainstack-design-system497.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),l=require("./mainstack-design-system499.cjs"),n=require("./mainstack-design-system584.cjs"),o=r.forwardRef(({children:c,...g},t)=>e.jsx(l.ToggleRoot,{ref:t,...g,children:e.jsx(n.ToggleSwitch,{})}));o.displayName="Toggle";exports.Toggle=o;

package/dist/mainstack-design-system497.js

@@ -0,0 +1,11 @@
+import { jsx as o } from "react/jsx-runtime";
+import t from "react";
+import { ToggleRoot as m } from "./mainstack-design-system499.js";
+import { ToggleSwitch as g } from "./mainstack-design-system584.js";
+const i = t.forwardRef(
+  ({ children: l, ...r }, e) => /* @__PURE__ */ o(m, { ref: e, ...r, children: /* @__PURE__ */ o(g, {}) })
+);
+i.displayName = "Toggle";
+export {
+  i as Toggle
+};

package/dist/mainstack-design-system498.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("react"),c=require("./mainstack-design-system586.cjs"),a=s.forwardRef,n=a(({className:e,as:t,...o},r)=>{const l=t||"h3";return i.jsx(l,{ref:r,"data-slot":"toggle-title",className:c.cn("flex-1 text-primary body-small-medium",e),...o})});exports.ToggleTitle=n;