@plasmicpkgs/tiptap 0.0.1

package/skinny/registerToolbarBold.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerToolbarBold.esm.js","sources":["../src/toolbar/registerToolbarBold.tsx"],"sourcesContent":["import { useCurrentEditor } from \"@tiptap/react\";\nimport React from \"react\";\nimport { useTiptapContext } from \"../contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"../registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"../utils\";\n\nexport interface ToolbarBoldProps {\n  className: string;\n  children: React.ReactNode;\n  selectedClassName: string;\n  toolbarBoldScopeClassName: string;\n}\n\nexport function ToolbarBold(props: ToolbarBoldProps) {\n  const { editor } = useCurrentEditor();\n  const { bold } = useTiptapContext();\n\n  const { className, children, toolbarBoldScopeClassName } = props;\n\n  if (!editor || !bold) return null;\n\n  return (\n    <div\n      // data-active attribute is used here to increase the priority/specificity of the selectedClassName prop styles\n      data-active={editor.isActive(\"bold\") ? true : false}\n      className={`${className} ${toolbarBoldScopeClassName}`}\n      style={{ cursor: \"pointer\" }}\n      role=\"button\"\n      onClick={() => editor.chain().focus().toggleMark(\"bold\").run()}\n    >\n      {children}\n    </div>\n  );\n}\nToolbarBold.displayName = \"ToolbarBold\";\n\nexport function registerToolbarBold(loader?: Registerable) {\n  registerComponentHelper(loader, ToolbarBold, {\n    name: `${TIPTAP_COMPONENT_NAME}-toolbar-bold`,\n    displayName: \"Tiptap Bold Toolbar Option\",\n    defaultStyles: {\n      width: \"hug\",\n      padding: \"5px\",\n    },\n    props: {\n      children: {\n        type: \"slot\",\n        hidePlaceholder: true,\n        defaultValue: [\n          {\n            type: \"img\",\n            src: \"https://static1.plasmic.app/bold.svg\",\n          },\n        ],\n      },\n      toolbarBoldScopeClassName: {\n        type: \"styleScopeClass\",\n        scopeName: \"toolbarBold\",\n      } as any,\n      selectedClassName: {\n        type: \"class\",\n        displayName: \"Tool Selected\",\n        selectors: [\n          {\n            selector: \":toolbarBold[data-active=true]\",\n            label: \"Base\",\n          },\n        ],\n      },\n    },\n    importName: \"ToolbarBold\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarBold\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;AAaO,SAAS,YAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,gBAAiB,EAAA,CAAA;AACpC,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAElC,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,yBAAA,EAA8B,GAAA,KAAA,CAAA;AAE3D,EAAI,IAAA,CAAC,UAAU,CAAC,IAAA;AAAM,IAAO,OAAA,IAAA,CAAA;AAE7B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,aAAa,EAAA,MAAA,CAAO,QAAS,CAAA,MAAM,IAAI,IAAO,GAAA,KAAA;AAAA,MAC9C,SAAA,EAAW,GAAG,SAAa,CAAA,CAAA,EAAA,yBAAA,CAAA,CAAA;AAAA,MAC3B,KAAA,EAAO,EAAE,MAAA,EAAQ,SAAU,EAAA;AAAA,MAC3B,IAAK,EAAA,QAAA;AAAA,MACL,OAAA,EAAS,MAAM,MAAA,CAAO,KAAM,EAAA,CAAE,OAAQ,CAAA,UAAA,CAAW,MAAM,CAAA,CAAE,GAAI,EAAA;AAAA,KAAA;AAAA,IAE5D,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AACA,WAAA,CAAY,WAAc,GAAA,aAAA,CAAA;AAEnB,SAAS,oBAAoB,MAAuB,EAAA;AACzD,EAAA,uBAAA,CAAwB,QAAQ,WAAa,EAAA;AAAA,IAC3C,MAAM,CAAG,EAAA,qBAAA,CAAA,aAAA,CAAA;AAAA,IACT,WAAa,EAAA,4BAAA;AAAA,IACb,aAAe,EAAA;AAAA,MACb,KAAO,EAAA,KAAA;AAAA,MACP,OAAS,EAAA,KAAA;AAAA,KACX;AAAA,IACA,KAAO,EAAA;AAAA,MACL,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,MAAA;AAAA,QACN,eAAiB,EAAA,IAAA;AAAA,QACjB,YAAc,EAAA;AAAA,UACZ;AAAA,YACE,IAAM,EAAA,KAAA;AAAA,YACN,GAAK,EAAA,sCAAA;AAAA,WACP;AAAA,SACF;AAAA,OACF;AAAA,MACA,yBAA2B,EAAA;AAAA,QACzB,IAAM,EAAA,iBAAA;AAAA,QACN,SAAW,EAAA,aAAA;AAAA,OACb;AAAA,MACA,iBAAmB,EAAA;AAAA,QACjB,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,eAAA;AAAA,QACb,SAAW,EAAA;AAAA,UACT;AAAA,YACE,QAAU,EAAA,gCAAA;AAAA,YACV,KAAO,EAAA,MAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,UAAY,EAAA,aAAA;AAAA,IACZ,UAAY,EAAA,gDAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}

package/skinny/registerToolbarCode.cjs.js

@@ -0,0 +1,78 @@
+'use strict';
+
+var react = require('@tiptap/react');
+var React = require('react');
+var registerTiptap = require('./registerTiptap-fd9bf882.cjs.js');
+require('@tiptap/extension-document');
+require('@tiptap/extension-paragraph');
+require('@tiptap/extension-text');
+require('antd');
+require('@plasmicapp/host/registerComponent');
+require('@plasmicapp/host/registerGlobalContext');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+function ToolbarCode(props) {
+  const { editor } = react.useCurrentEditor();
+  const { code } = registerTiptap.useTiptapContext();
+  const { className, children, toolbarCodeScopeClassName } = props;
+  if (!editor || !code)
+    return null;
+  return /* @__PURE__ */ React__default.default.createElement(
+    "div",
+    {
+      "data-active": editor.isActive("code") ? true : false,
+      className: `${className} ${toolbarCodeScopeClassName}`,
+      style: { cursor: "pointer" },
+      role: "button",
+      onClick: () => editor.chain().focus().toggleMark("code").run()
+    },
+    children
+  );
+}
+ToolbarCode.displayName = "ToolbarCode";
+function registerToolbarCode(loader) {
+  registerTiptap.registerComponentHelper(loader, ToolbarCode, {
+    name: `${registerTiptap.TIPTAP_COMPONENT_NAME}-toolbar-code`,
+    displayName: "Tiptap Code Toolbar Option",
+    defaultStyles: {
+      width: "hug",
+      padding: "5px"
+    },
+    props: {
+      children: {
+        type: "slot",
+        hidePlaceholder: true,
+        defaultValue: [
+          {
+            type: "img",
+            src: "https://static1.plasmic.app/code.svg"
+          }
+        ]
+      },
+      toolbarCodeScopeClassName: {
+        type: "styleScopeClass",
+        scopeName: "toolbarCode"
+      },
+      selectedClassName: {
+        type: "class",
+        displayName: "Tool Selected",
+        selectors: [
+          {
+            selector: ":toolbarCode[data-active=true]",
+            label: "Base"
+          }
+        ]
+      }
+    },
+    importName: "ToolbarCode",
+    importPath: "@plasmicpkgs/tiptap/skinny/registerToolbarCode",
+    parentComponentName: registerTiptap.TIPTAP_COMPONENT_NAME
+  });
+}
+
+exports.ToolbarCode = ToolbarCode;
+exports.registerToolbarCode = registerToolbarCode;
+//# sourceMappingURL=registerToolbarCode.cjs.js.map

package/skinny/registerToolbarCode.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerToolbarCode.cjs.js","sources":["../src/toolbar/registerToolbarCode.tsx"],"sourcesContent":["import { useCurrentEditor } from \"@tiptap/react\";\nimport React from \"react\";\nimport { useTiptapContext } from \"../contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"../registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"../utils\";\n\nexport interface ToolbarCodeProps {\n  className: string;\n  children: React.ReactNode;\n  selectedClassName: string;\n  toolbarCodeScopeClassName: string;\n}\n\nexport function ToolbarCode(props: ToolbarCodeProps) {\n  const { editor } = useCurrentEditor();\n  const { code } = useTiptapContext();\n\n  const { className, children, toolbarCodeScopeClassName } = props;\n\n  if (!editor || !code) return null;\n\n  return (\n    <div\n      // data-active attribute is used here to increase the priority/specificity of the selectedClassName prop styles\n      data-active={editor.isActive(\"code\") ? true : false}\n      className={`${className} ${toolbarCodeScopeClassName}`}\n      style={{ cursor: \"pointer\" }}\n      role=\"button\"\n      onClick={() => editor.chain().focus().toggleMark(\"code\").run()}\n    >\n      {children}\n    </div>\n  );\n}\nToolbarCode.displayName = \"ToolbarCode\";\n\nexport function registerToolbarCode(loader?: Registerable) {\n  registerComponentHelper(loader, ToolbarCode, {\n    name: `${TIPTAP_COMPONENT_NAME}-toolbar-code`,\n    displayName: \"Tiptap Code Toolbar Option\",\n    defaultStyles: {\n      width: \"hug\",\n      padding: \"5px\",\n    },\n    props: {\n      children: {\n        type: \"slot\",\n        hidePlaceholder: true,\n        defaultValue: [\n          {\n            type: \"img\",\n            src: \"https://static1.plasmic.app/code.svg\",\n          },\n        ],\n      },\n      toolbarCodeScopeClassName: {\n        type: \"styleScopeClass\",\n        scopeName: \"toolbarCode\",\n      } as any,\n      selectedClassName: {\n        type: \"class\",\n        displayName: \"Tool Selected\",\n        selectors: [\n          {\n            selector: \":toolbarCode[data-active=true]\",\n            label: \"Base\",\n          },\n        ],\n      },\n    },\n    importName: \"ToolbarCode\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarCode\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["useCurrentEditor","useTiptapContext","React","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;AAaO,SAAS,YAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAIA,sBAAiB,EAAA,CAAA;AACpC,EAAM,MAAA,EAAE,IAAK,EAAA,GAAIC,+BAAiB,EAAA,CAAA;AAElC,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,yBAAA,EAA8B,GAAA,KAAA,CAAA;AAE3D,EAAI,IAAA,CAAC,UAAU,CAAC,IAAA;AAAM,IAAO,OAAA,IAAA,CAAA;AAE7B,EACE,uBAAAC,sBAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,aAAa,EAAA,MAAA,CAAO,QAAS,CAAA,MAAM,IAAI,IAAO,GAAA,KAAA;AAAA,MAC9C,SAAA,EAAW,GAAG,SAAa,CAAA,CAAA,EAAA,yBAAA,CAAA,CAAA;AAAA,MAC3B,KAAA,EAAO,EAAE,MAAA,EAAQ,SAAU,EAAA;AAAA,MAC3B,IAAK,EAAA,QAAA;AAAA,MACL,OAAA,EAAS,MAAM,MAAA,CAAO,KAAM,EAAA,CAAE,OAAQ,CAAA,UAAA,CAAW,MAAM,CAAA,CAAE,GAAI,EAAA;AAAA,KAAA;AAAA,IAE5D,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AACA,WAAA,CAAY,WAAc,GAAA,aAAA,CAAA;AAEnB,SAAS,oBAAoB,MAAuB,EAAA;AACzD,EAAAC,sCAAA,CAAwB,QAAQ,WAAa,EAAA;AAAA,IAC3C,MAAM,CAAG,EAAAC,oCAAA,CAAA,aAAA,CAAA;AAAA,IACT,WAAa,EAAA,4BAAA;AAAA,IACb,aAAe,EAAA;AAAA,MACb,KAAO,EAAA,KAAA;AAAA,MACP,OAAS,EAAA,KAAA;AAAA,KACX;AAAA,IACA,KAAO,EAAA;AAAA,MACL,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,MAAA;AAAA,QACN,eAAiB,EAAA,IAAA;AAAA,QACjB,YAAc,EAAA;AAAA,UACZ;AAAA,YACE,IAAM,EAAA,KAAA;AAAA,YACN,GAAK,EAAA,sCAAA;AAAA,WACP;AAAA,SACF;AAAA,OACF;AAAA,MACA,yBAA2B,EAAA;AAAA,QACzB,IAAM,EAAA,iBAAA;AAAA,QACN,SAAW,EAAA,aAAA;AAAA,OACb;AAAA,MACA,iBAAmB,EAAA;AAAA,QACjB,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,eAAA;AAAA,QACb,SAAW,EAAA;AAAA,UACT;AAAA,YACE,QAAU,EAAA,gCAAA;AAAA,YACV,KAAO,EAAA,MAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,UAAY,EAAA,aAAA;AAAA,IACZ,UAAY,EAAA,gDAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}

package/skinny/registerToolbarCode.esm.js

@@ -0,0 +1,71 @@
+import { useCurrentEditor } from '@tiptap/react';
+import React from 'react';
+import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-6a2d0bb4.esm.js';
+import '@tiptap/extension-document';
+import '@tiptap/extension-paragraph';
+import '@tiptap/extension-text';
+import 'antd';
+import '@plasmicapp/host/registerComponent';
+import '@plasmicapp/host/registerGlobalContext';
+
+function ToolbarCode(props) {
+  const { editor } = useCurrentEditor();
+  const { code } = useTiptapContext();
+  const { className, children, toolbarCodeScopeClassName } = props;
+  if (!editor || !code)
+    return null;
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-active": editor.isActive("code") ? true : false,
+      className: `${className} ${toolbarCodeScopeClassName}`,
+      style: { cursor: "pointer" },
+      role: "button",
+      onClick: () => editor.chain().focus().toggleMark("code").run()
+    },
+    children
+  );
+}
+ToolbarCode.displayName = "ToolbarCode";
+function registerToolbarCode(loader) {
+  registerComponentHelper(loader, ToolbarCode, {
+    name: `${TIPTAP_COMPONENT_NAME}-toolbar-code`,
+    displayName: "Tiptap Code Toolbar Option",
+    defaultStyles: {
+      width: "hug",
+      padding: "5px"
+    },
+    props: {
+      children: {
+        type: "slot",
+        hidePlaceholder: true,
+        defaultValue: [
+          {
+            type: "img",
+            src: "https://static1.plasmic.app/code.svg"
+          }
+        ]
+      },
+      toolbarCodeScopeClassName: {
+        type: "styleScopeClass",
+        scopeName: "toolbarCode"
+      },
+      selectedClassName: {
+        type: "class",
+        displayName: "Tool Selected",
+        selectors: [
+          {
+            selector: ":toolbarCode[data-active=true]",
+            label: "Base"
+          }
+        ]
+      }
+    },
+    importName: "ToolbarCode",
+    importPath: "@plasmicpkgs/tiptap/skinny/registerToolbarCode",
+    parentComponentName: TIPTAP_COMPONENT_NAME
+  });
+}
+
+export { ToolbarCode, registerToolbarCode };
+//# sourceMappingURL=registerToolbarCode.esm.js.map

package/skinny/registerToolbarCode.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerToolbarCode.esm.js","sources":["../src/toolbar/registerToolbarCode.tsx"],"sourcesContent":["import { useCurrentEditor } from \"@tiptap/react\";\nimport React from \"react\";\nimport { useTiptapContext } from \"../contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"../registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"../utils\";\n\nexport interface ToolbarCodeProps {\n  className: string;\n  children: React.ReactNode;\n  selectedClassName: string;\n  toolbarCodeScopeClassName: string;\n}\n\nexport function ToolbarCode(props: ToolbarCodeProps) {\n  const { editor } = useCurrentEditor();\n  const { code } = useTiptapContext();\n\n  const { className, children, toolbarCodeScopeClassName } = props;\n\n  if (!editor || !code) return null;\n\n  return (\n    <div\n      // data-active attribute is used here to increase the priority/specificity of the selectedClassName prop styles\n      data-active={editor.isActive(\"code\") ? true : false}\n      className={`${className} ${toolbarCodeScopeClassName}`}\n      style={{ cursor: \"pointer\" }}\n      role=\"button\"\n      onClick={() => editor.chain().focus().toggleMark(\"code\").run()}\n    >\n      {children}\n    </div>\n  );\n}\nToolbarCode.displayName = \"ToolbarCode\";\n\nexport function registerToolbarCode(loader?: Registerable) {\n  registerComponentHelper(loader, ToolbarCode, {\n    name: `${TIPTAP_COMPONENT_NAME}-toolbar-code`,\n    displayName: \"Tiptap Code Toolbar Option\",\n    defaultStyles: {\n      width: \"hug\",\n      padding: \"5px\",\n    },\n    props: {\n      children: {\n        type: \"slot\",\n        hidePlaceholder: true,\n        defaultValue: [\n          {\n            type: \"img\",\n            src: \"https://static1.plasmic.app/code.svg\",\n          },\n        ],\n      },\n      toolbarCodeScopeClassName: {\n        type: \"styleScopeClass\",\n        scopeName: \"toolbarCode\",\n      } as any,\n      selectedClassName: {\n        type: \"class\",\n        displayName: \"Tool Selected\",\n        selectors: [\n          {\n            selector: \":toolbarCode[data-active=true]\",\n            label: \"Base\",\n          },\n        ],\n      },\n    },\n    importName: \"ToolbarCode\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarCode\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;AAaO,SAAS,YAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,gBAAiB,EAAA,CAAA;AACpC,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAElC,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,yBAAA,EAA8B,GAAA,KAAA,CAAA;AAE3D,EAAI,IAAA,CAAC,UAAU,CAAC,IAAA;AAAM,IAAO,OAAA,IAAA,CAAA;AAE7B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,aAAa,EAAA,MAAA,CAAO,QAAS,CAAA,MAAM,IAAI,IAAO,GAAA,KAAA;AAAA,MAC9C,SAAA,EAAW,GAAG,SAAa,CAAA,CAAA,EAAA,yBAAA,CAAA,CAAA;AAAA,MAC3B,KAAA,EAAO,EAAE,MAAA,EAAQ,SAAU,EAAA;AAAA,MAC3B,IAAK,EAAA,QAAA;AAAA,MACL,OAAA,EAAS,MAAM,MAAA,CAAO,KAAM,EAAA,CAAE,OAAQ,CAAA,UAAA,CAAW,MAAM,CAAA,CAAE,GAAI,EAAA;AAAA,KAAA;AAAA,IAE5D,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AACA,WAAA,CAAY,WAAc,GAAA,aAAA,CAAA;AAEnB,SAAS,oBAAoB,MAAuB,EAAA;AACzD,EAAA,uBAAA,CAAwB,QAAQ,WAAa,EAAA;AAAA,IAC3C,MAAM,CAAG,EAAA,qBAAA,CAAA,aAAA,CAAA;AAAA,IACT,WAAa,EAAA,4BAAA;AAAA,IACb,aAAe,EAAA;AAAA,MACb,KAAO,EAAA,KAAA;AAAA,MACP,OAAS,EAAA,KAAA;AAAA,KACX;AAAA,IACA,KAAO,EAAA;AAAA,MACL,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,MAAA;AAAA,QACN,eAAiB,EAAA,IAAA;AAAA,QACjB,YAAc,EAAA;AAAA,UACZ;AAAA,YACE,IAAM,EAAA,KAAA;AAAA,YACN,GAAK,EAAA,sCAAA;AAAA,WACP;AAAA,SACF;AAAA,OACF;AAAA,MACA,yBAA2B,EAAA;AAAA,QACzB,IAAM,EAAA,iBAAA;AAAA,QACN,SAAW,EAAA,aAAA;AAAA,OACb;AAAA,MACA,iBAAmB,EAAA;AAAA,QACjB,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,eAAA;AAAA,QACb,SAAW,EAAA;AAAA,UACT;AAAA,YACE,QAAU,EAAA,gCAAA;AAAA,YACV,KAAO,EAAA,MAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,UAAY,EAAA,aAAA;AAAA,IACZ,UAAY,EAAA,gDAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}

package/skinny/registerToolbarItalic.cjs.js

@@ -0,0 +1,81 @@
+'use strict';
+
+var react = require('@tiptap/react');
+var React = require('react');
+var registerTiptap = require('./registerTiptap-fd9bf882.cjs.js');
+require('@tiptap/extension-document');
+require('@tiptap/extension-paragraph');
+require('@tiptap/extension-text');
+require('antd');
+require('@plasmicapp/host/registerComponent');
+require('@plasmicapp/host/registerGlobalContext');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+function ToolbarItalic(props) {
+  const { editor } = react.useCurrentEditor();
+  const { italic } = registerTiptap.useTiptapContext();
+  const { className, children, toolbarItalicScopeClassName } = props;
+  if (!editor || !italic)
+    return null;
+  return /* @__PURE__ */ React__default.default.createElement(
+    "div",
+    {
+      "data-active": editor.isActive("italic") ? true : false,
+      className: `${className} ${toolbarItalicScopeClassName}`,
+      style: { cursor: "pointer" },
+      role: "button",
+      onClick: () => editor.chain().focus().toggleMark("italic").run()
+    },
+    children
+  );
+}
+ToolbarItalic.displayName = "ToolbarItalic";
+function registerToolbarItalic(loader) {
+  registerTiptap.registerComponentHelper(loader, ToolbarItalic, {
+    name: `${registerTiptap.TIPTAP_COMPONENT_NAME}-toolbar-italic`,
+    displayName: "Tiptap Italic Toolbar Option",
+    defaultStyles: {
+      width: "hug",
+      padding: "5px"
+    },
+    props: {
+      children: {
+        type: "slot",
+        hidePlaceholder: true,
+        defaultValue: [
+          {
+            type: "img",
+            src: "https://static1.plasmic.app/italic.svg",
+            styles: {
+              width: "hug"
+            }
+          }
+        ]
+      },
+      toolbarItalicScopeClassName: {
+        type: "styleScopeClass",
+        scopeName: "toolbarItalic"
+      },
+      selectedClassName: {
+        type: "class",
+        displayName: "Tool Selected",
+        selectors: [
+          {
+            selector: ":toolbarItalic[data-active=true]",
+            label: "Base"
+          }
+        ]
+      }
+    },
+    importName: "ToolbarItalic",
+    importPath: "@plasmicpkgs/tiptap/skinny/registerToolbarItalic",
+    parentComponentName: registerTiptap.TIPTAP_COMPONENT_NAME
+  });
+}
+
+exports.ToolbarItalic = ToolbarItalic;
+exports.registerToolbarItalic = registerToolbarItalic;
+//# sourceMappingURL=registerToolbarItalic.cjs.js.map

package/skinny/registerToolbarItalic.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerToolbarItalic.cjs.js","sources":["../src/toolbar/registerToolbarItalic.tsx"],"sourcesContent":["import { useCurrentEditor } from \"@tiptap/react\";\nimport React from \"react\";\nimport { useTiptapContext } from \"../contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"../registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"../utils\";\n\nexport interface ToolbarItalicProps {\n  className: string;\n  children: React.ReactNode;\n  selectedClassName: string;\n  toolbarItalicScopeClassName: string;\n}\n\nexport function ToolbarItalic(props: ToolbarItalicProps) {\n  const { editor } = useCurrentEditor();\n  const { italic } = useTiptapContext();\n\n  const { className, children, toolbarItalicScopeClassName } = props;\n\n  if (!editor || !italic) return null;\n\n  return (\n    <div\n      // data-active attribute is used here to increase the priority/specificity of the selectedClassName prop styles\n      data-active={editor.isActive(\"italic\") ? true : false}\n      className={`${className} ${toolbarItalicScopeClassName}`}\n      style={{ cursor: \"pointer\" }}\n      role=\"button\"\n      onClick={() => editor.chain().focus().toggleMark(\"italic\").run()}\n    >\n      {children}\n    </div>\n  );\n}\nToolbarItalic.displayName = \"ToolbarItalic\";\n\nexport function registerToolbarItalic(loader?: Registerable) {\n  registerComponentHelper(loader, ToolbarItalic, {\n    name: `${TIPTAP_COMPONENT_NAME}-toolbar-italic`,\n    displayName: \"Tiptap Italic Toolbar Option\",\n    defaultStyles: {\n      width: \"hug\",\n      padding: \"5px\",\n    },\n    props: {\n      children: {\n        type: \"slot\",\n        hidePlaceholder: true,\n        defaultValue: [\n          {\n            type: \"img\",\n            src: \"https://static1.plasmic.app/italic.svg\",\n            styles: {\n              width: \"hug\",\n            },\n          },\n        ],\n      },\n      toolbarItalicScopeClassName: {\n        type: \"styleScopeClass\",\n        scopeName: \"toolbarItalic\",\n      } as any,\n      selectedClassName: {\n        type: \"class\",\n        displayName: \"Tool Selected\",\n        selectors: [\n          {\n            selector: \":toolbarItalic[data-active=true]\",\n            label: \"Base\",\n          },\n        ],\n      },\n    },\n    importName: \"ToolbarItalic\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarItalic\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["useCurrentEditor","useTiptapContext","React","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;AAaO,SAAS,cAAc,KAA2B,EAAA;AACvD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAIA,sBAAiB,EAAA,CAAA;AACpC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAIC,+BAAiB,EAAA,CAAA;AAEpC,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,2BAAA,EAAgC,GAAA,KAAA,CAAA;AAE7D,EAAI,IAAA,CAAC,UAAU,CAAC,MAAA;AAAQ,IAAO,OAAA,IAAA,CAAA;AAE/B,EACE,uBAAAC,sBAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,aAAa,EAAA,MAAA,CAAO,QAAS,CAAA,QAAQ,IAAI,IAAO,GAAA,KAAA;AAAA,MAChD,SAAA,EAAW,GAAG,SAAa,CAAA,CAAA,EAAA,2BAAA,CAAA,CAAA;AAAA,MAC3B,KAAA,EAAO,EAAE,MAAA,EAAQ,SAAU,EAAA;AAAA,MAC3B,IAAK,EAAA,QAAA;AAAA,MACL,OAAA,EAAS,MAAM,MAAA,CAAO,KAAM,EAAA,CAAE,OAAQ,CAAA,UAAA,CAAW,QAAQ,CAAA,CAAE,GAAI,EAAA;AAAA,KAAA;AAAA,IAE9D,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AACA,aAAA,CAAc,WAAc,GAAA,eAAA,CAAA;AAErB,SAAS,sBAAsB,MAAuB,EAAA;AAC3D,EAAAC,sCAAA,CAAwB,QAAQ,aAAe,EAAA;AAAA,IAC7C,MAAM,CAAG,EAAAC,oCAAA,CAAA,eAAA,CAAA;AAAA,IACT,WAAa,EAAA,8BAAA;AAAA,IACb,aAAe,EAAA;AAAA,MACb,KAAO,EAAA,KAAA;AAAA,MACP,OAAS,EAAA,KAAA;AAAA,KACX;AAAA,IACA,KAAO,EAAA;AAAA,MACL,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,MAAA;AAAA,QACN,eAAiB,EAAA,IAAA;AAAA,QACjB,YAAc,EAAA;AAAA,UACZ;AAAA,YACE,IAAM,EAAA,KAAA;AAAA,YACN,GAAK,EAAA,wCAAA;AAAA,YACL,MAAQ,EAAA;AAAA,cACN,KAAO,EAAA,KAAA;AAAA,aACT;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,MACA,2BAA6B,EAAA;AAAA,QAC3B,IAAM,EAAA,iBAAA;AAAA,QACN,SAAW,EAAA,eAAA;AAAA,OACb;AAAA,MACA,iBAAmB,EAAA;AAAA,QACjB,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,eAAA;AAAA,QACb,SAAW,EAAA;AAAA,UACT;AAAA,YACE,QAAU,EAAA,kCAAA;AAAA,YACV,KAAO,EAAA,MAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,UAAY,EAAA,eAAA;AAAA,IACZ,UAAY,EAAA,kDAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}

package/skinny/registerToolbarItalic.esm.js

@@ -0,0 +1,74 @@
+import { useCurrentEditor } from '@tiptap/react';
+import React from 'react';
+import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-6a2d0bb4.esm.js';
+import '@tiptap/extension-document';
+import '@tiptap/extension-paragraph';
+import '@tiptap/extension-text';
+import 'antd';
+import '@plasmicapp/host/registerComponent';
+import '@plasmicapp/host/registerGlobalContext';
+
+function ToolbarItalic(props) {
+  const { editor } = useCurrentEditor();
+  const { italic } = useTiptapContext();
+  const { className, children, toolbarItalicScopeClassName } = props;
+  if (!editor || !italic)
+    return null;
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-active": editor.isActive("italic") ? true : false,
+      className: `${className} ${toolbarItalicScopeClassName}`,
+      style: { cursor: "pointer" },
+      role: "button",
+      onClick: () => editor.chain().focus().toggleMark("italic").run()
+    },
+    children
+  );
+}
+ToolbarItalic.displayName = "ToolbarItalic";
+function registerToolbarItalic(loader) {
+  registerComponentHelper(loader, ToolbarItalic, {
+    name: `${TIPTAP_COMPONENT_NAME}-toolbar-italic`,
+    displayName: "Tiptap Italic Toolbar Option",
+    defaultStyles: {
+      width: "hug",
+      padding: "5px"
+    },
+    props: {
+      children: {
+        type: "slot",
+        hidePlaceholder: true,
+        defaultValue: [
+          {
+            type: "img",
+            src: "https://static1.plasmic.app/italic.svg",
+            styles: {
+              width: "hug"
+            }
+          }
+        ]
+      },
+      toolbarItalicScopeClassName: {
+        type: "styleScopeClass",
+        scopeName: "toolbarItalic"
+      },
+      selectedClassName: {
+        type: "class",
+        displayName: "Tool Selected",
+        selectors: [
+          {
+            selector: ":toolbarItalic[data-active=true]",
+            label: "Base"
+          }
+        ]
+      }
+    },
+    importName: "ToolbarItalic",
+    importPath: "@plasmicpkgs/tiptap/skinny/registerToolbarItalic",
+    parentComponentName: TIPTAP_COMPONENT_NAME
+  });
+}
+
+export { ToolbarItalic, registerToolbarItalic };
+//# sourceMappingURL=registerToolbarItalic.esm.js.map

package/skinny/registerToolbarItalic.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerToolbarItalic.esm.js","sources":["../src/toolbar/registerToolbarItalic.tsx"],"sourcesContent":["import { useCurrentEditor } from \"@tiptap/react\";\nimport React from \"react\";\nimport { useTiptapContext } from \"../contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"../registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"../utils\";\n\nexport interface ToolbarItalicProps {\n  className: string;\n  children: React.ReactNode;\n  selectedClassName: string;\n  toolbarItalicScopeClassName: string;\n}\n\nexport function ToolbarItalic(props: ToolbarItalicProps) {\n  const { editor } = useCurrentEditor();\n  const { italic } = useTiptapContext();\n\n  const { className, children, toolbarItalicScopeClassName } = props;\n\n  if (!editor || !italic) return null;\n\n  return (\n    <div\n      // data-active attribute is used here to increase the priority/specificity of the selectedClassName prop styles\n      data-active={editor.isActive(\"italic\") ? true : false}\n      className={`${className} ${toolbarItalicScopeClassName}`}\n      style={{ cursor: \"pointer\" }}\n      role=\"button\"\n      onClick={() => editor.chain().focus().toggleMark(\"italic\").run()}\n    >\n      {children}\n    </div>\n  );\n}\nToolbarItalic.displayName = \"ToolbarItalic\";\n\nexport function registerToolbarItalic(loader?: Registerable) {\n  registerComponentHelper(loader, ToolbarItalic, {\n    name: `${TIPTAP_COMPONENT_NAME}-toolbar-italic`,\n    displayName: \"Tiptap Italic Toolbar Option\",\n    defaultStyles: {\n      width: \"hug\",\n      padding: \"5px\",\n    },\n    props: {\n      children: {\n        type: \"slot\",\n        hidePlaceholder: true,\n        defaultValue: [\n          {\n            type: \"img\",\n            src: \"https://static1.plasmic.app/italic.svg\",\n            styles: {\n              width: \"hug\",\n            },\n          },\n        ],\n      },\n      toolbarItalicScopeClassName: {\n        type: \"styleScopeClass\",\n        scopeName: \"toolbarItalic\",\n      } as any,\n      selectedClassName: {\n        type: \"class\",\n        displayName: \"Tool Selected\",\n        selectors: [\n          {\n            selector: \":toolbarItalic[data-active=true]\",\n            label: \"Base\",\n          },\n        ],\n      },\n    },\n    importName: \"ToolbarItalic\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarItalic\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;AAaO,SAAS,cAAc,KAA2B,EAAA;AACvD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,gBAAiB,EAAA,CAAA;AACpC,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAEpC,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,2BAAA,EAAgC,GAAA,KAAA,CAAA;AAE7D,EAAI,IAAA,CAAC,UAAU,CAAC,MAAA;AAAQ,IAAO,OAAA,IAAA,CAAA;AAE/B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,aAAa,EAAA,MAAA,CAAO,QAAS,CAAA,QAAQ,IAAI,IAAO,GAAA,KAAA;AAAA,MAChD,SAAA,EAAW,GAAG,SAAa,CAAA,CAAA,EAAA,2BAAA,CAAA,CAAA;AAAA,MAC3B,KAAA,EAAO,EAAE,MAAA,EAAQ,SAAU,EAAA;AAAA,MAC3B,IAAK,EAAA,QAAA;AAAA,MACL,OAAA,EAAS,MAAM,MAAA,CAAO,KAAM,EAAA,CAAE,OAAQ,CAAA,UAAA,CAAW,QAAQ,CAAA,CAAE,GAAI,EAAA;AAAA,KAAA;AAAA,IAE9D,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AACA,aAAA,CAAc,WAAc,GAAA,eAAA,CAAA;AAErB,SAAS,sBAAsB,MAAuB,EAAA;AAC3D,EAAA,uBAAA,CAAwB,QAAQ,aAAe,EAAA;AAAA,IAC7C,MAAM,CAAG,EAAA,qBAAA,CAAA,eAAA,CAAA;AAAA,IACT,WAAa,EAAA,8BAAA;AAAA,IACb,aAAe,EAAA;AAAA,MACb,KAAO,EAAA,KAAA;AAAA,MACP,OAAS,EAAA,KAAA;AAAA,KACX;AAAA,IACA,KAAO,EAAA;AAAA,MACL,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,MAAA;AAAA,QACN,eAAiB,EAAA,IAAA;AAAA,QACjB,YAAc,EAAA;AAAA,UACZ;AAAA,YACE,IAAM,EAAA,KAAA;AAAA,YACN,GAAK,EAAA,wCAAA;AAAA,YACL,MAAQ,EAAA;AAAA,cACN,KAAO,EAAA,KAAA;AAAA,aACT;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,MACA,2BAA6B,EAAA;AAAA,QAC3B,IAAM,EAAA,iBAAA;AAAA,QACN,SAAW,EAAA,eAAA;AAAA,OACb;AAAA,MACA,iBAAmB,EAAA;AAAA,QACjB,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,eAAA;AAAA,QACb,SAAW,EAAA;AAAA,UACT;AAAA,YACE,QAAU,EAAA,kCAAA;AAAA,YACV,KAAO,EAAA,MAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,UAAY,EAAA,eAAA;AAAA,IACZ,UAAY,EAAA,kDAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}

package/skinny/registerToolbarLink.cjs.js

@@ -0,0 +1,78 @@
+'use strict';
+
+var react = require('@tiptap/react');
+var React = require('react');
+var registerTiptap = require('./registerTiptap-fd9bf882.cjs.js');
+require('@tiptap/extension-document');
+require('@tiptap/extension-paragraph');
+require('@tiptap/extension-text');
+require('antd');
+require('@plasmicapp/host/registerComponent');
+require('@plasmicapp/host/registerGlobalContext');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+function ToolbarLink(props) {
+  const { editor } = react.useCurrentEditor();
+  const { link } = registerTiptap.useTiptapContext();
+  const { className, children, toolbarLinkScopeClassName } = props;
+  if (!editor || !link)
+    return null;
+  return /* @__PURE__ */ React__default.default.createElement(
+    "div",
+    {
+      "data-active": editor.isActive("link") ? true : false,
+      className: `${className} ${toolbarLinkScopeClassName}`,
+      style: { cursor: "pointer" },
+      role: "button",
+      onClick: () => editor.chain().focus().toggleMark("link").run()
+    },
+    children
+  );
+}
+ToolbarLink.displayName = "ToolbarLink";
+function registerToolbarLink(loader) {
+  registerTiptap.registerComponentHelper(loader, ToolbarLink, {
+    name: `${registerTiptap.TIPTAP_COMPONENT_NAME}-toolbar-link`,
+    displayName: "Tiptap Link Toolbar Option",
+    defaultStyles: {
+      width: "hug",
+      padding: "5px"
+    },
+    props: {
+      children: {
+        type: "slot",
+        hidePlaceholder: true,
+        defaultValue: [
+          {
+            type: "img",
+            src: "https://static1.plasmic.app/link.svg"
+          }
+        ]
+      },
+      toolbarLinkScopeClassName: {
+        type: "styleScopeClass",
+        scopeName: "toolbarLink"
+      },
+      selectedClassName: {
+        type: "class",
+        displayName: "Tool Selected",
+        selectors: [
+          {
+            selector: ":toolbarLink[data-active=true]",
+            label: "Base"
+          }
+        ]
+      }
+    },
+    importName: "ToolbarLink",
+    importPath: "@plasmicpkgs/tiptap/skinny/registerToolbarLink",
+    parentComponentName: registerTiptap.TIPTAP_COMPONENT_NAME
+  });
+}
+
+exports.ToolbarLink = ToolbarLink;
+exports.registerToolbarLink = registerToolbarLink;
+//# sourceMappingURL=registerToolbarLink.cjs.js.map

package/skinny/registerToolbarLink.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerToolbarLink.cjs.js","sources":["../src/toolbar/registerToolbarLink.tsx"],"sourcesContent":["import { useCurrentEditor } from \"@tiptap/react\";\nimport React from \"react\";\nimport { useTiptapContext } from \"../contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"../registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"../utils\";\n\nexport interface ToolbarLinkProps {\n  className: string;\n  children: React.ReactNode;\n  selectedClassName: string;\n  toolbarLinkScopeClassName: string;\n}\n\nexport function ToolbarLink(props: ToolbarLinkProps) {\n  const { editor } = useCurrentEditor();\n  const { link } = useTiptapContext();\n\n  const { className, children, toolbarLinkScopeClassName } = props;\n\n  if (!editor || !link) return null;\n\n  return (\n    <div\n      // data-active attribute is used here to increase the priority/specificity of the selectedClassName prop styles\n      data-active={editor.isActive(\"link\") ? true : false}\n      className={`${className} ${toolbarLinkScopeClassName}`}\n      style={{ cursor: \"pointer\" }}\n      role=\"button\"\n      onClick={() => editor.chain().focus().toggleMark(\"link\").run()}\n    >\n      {children}\n    </div>\n  );\n}\nToolbarLink.displayName = \"ToolbarLink\";\n\nexport function registerToolbarLink(loader?: Registerable) {\n  registerComponentHelper(loader, ToolbarLink, {\n    name: `${TIPTAP_COMPONENT_NAME}-toolbar-link`,\n    displayName: \"Tiptap Link Toolbar Option\",\n    defaultStyles: {\n      width: \"hug\",\n      padding: \"5px\",\n    },\n    props: {\n      children: {\n        type: \"slot\",\n        hidePlaceholder: true,\n        defaultValue: [\n          {\n            type: \"img\",\n            src: \"https://static1.plasmic.app/link.svg\",\n          },\n        ],\n      },\n      toolbarLinkScopeClassName: {\n        type: \"styleScopeClass\",\n        scopeName: \"toolbarLink\",\n      } as any,\n      selectedClassName: {\n        type: \"class\",\n        displayName: \"Tool Selected\",\n        selectors: [\n          {\n            selector: \":toolbarLink[data-active=true]\",\n            label: \"Base\",\n          },\n        ],\n      },\n    },\n    importName: \"ToolbarLink\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarLink\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["useCurrentEditor","useTiptapContext","React","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;AAaO,SAAS,YAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAIA,sBAAiB,EAAA,CAAA;AACpC,EAAM,MAAA,EAAE,IAAK,EAAA,GAAIC,+BAAiB,EAAA,CAAA;AAElC,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,yBAAA,EAA8B,GAAA,KAAA,CAAA;AAE3D,EAAI,IAAA,CAAC,UAAU,CAAC,IAAA;AAAM,IAAO,OAAA,IAAA,CAAA;AAE7B,EACE,uBAAAC,sBAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,aAAa,EAAA,MAAA,CAAO,QAAS,CAAA,MAAM,IAAI,IAAO,GAAA,KAAA;AAAA,MAC9C,SAAA,EAAW,GAAG,SAAa,CAAA,CAAA,EAAA,yBAAA,CAAA,CAAA;AAAA,MAC3B,KAAA,EAAO,EAAE,MAAA,EAAQ,SAAU,EAAA;AAAA,MAC3B,IAAK,EAAA,QAAA;AAAA,MACL,OAAA,EAAS,MAAM,MAAA,CAAO,KAAM,EAAA,CAAE,OAAQ,CAAA,UAAA,CAAW,MAAM,CAAA,CAAE,GAAI,EAAA;AAAA,KAAA;AAAA,IAE5D,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AACA,WAAA,CAAY,WAAc,GAAA,aAAA,CAAA;AAEnB,SAAS,oBAAoB,MAAuB,EAAA;AACzD,EAAAC,sCAAA,CAAwB,QAAQ,WAAa,EAAA;AAAA,IAC3C,MAAM,CAAG,EAAAC,oCAAA,CAAA,aAAA,CAAA;AAAA,IACT,WAAa,EAAA,4BAAA;AAAA,IACb,aAAe,EAAA;AAAA,MACb,KAAO,EAAA,KAAA;AAAA,MACP,OAAS,EAAA,KAAA;AAAA,KACX;AAAA,IACA,KAAO,EAAA;AAAA,MACL,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,MAAA;AAAA,QACN,eAAiB,EAAA,IAAA;AAAA,QACjB,YAAc,EAAA;AAAA,UACZ;AAAA,YACE,IAAM,EAAA,KAAA;AAAA,YACN,GAAK,EAAA,sCAAA;AAAA,WACP;AAAA,SACF;AAAA,OACF;AAAA,MACA,yBAA2B,EAAA;AAAA,QACzB,IAAM,EAAA,iBAAA;AAAA,QACN,SAAW,EAAA,aAAA;AAAA,OACb;AAAA,MACA,iBAAmB,EAAA;AAAA,QACjB,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,eAAA;AAAA,QACb,SAAW,EAAA;AAAA,UACT;AAAA,YACE,QAAU,EAAA,gCAAA;AAAA,YACV,KAAO,EAAA,MAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,UAAY,EAAA,aAAA;AAAA,IACZ,UAAY,EAAA,gDAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}

package/skinny/registerToolbarLink.esm.js

@@ -0,0 +1,71 @@
+import { useCurrentEditor } from '@tiptap/react';
+import React from 'react';
+import { u as useTiptapContext, r as registerComponentHelper, T as TIPTAP_COMPONENT_NAME } from './registerTiptap-6a2d0bb4.esm.js';
+import '@tiptap/extension-document';
+import '@tiptap/extension-paragraph';
+import '@tiptap/extension-text';
+import 'antd';
+import '@plasmicapp/host/registerComponent';
+import '@plasmicapp/host/registerGlobalContext';
+
+function ToolbarLink(props) {
+  const { editor } = useCurrentEditor();
+  const { link } = useTiptapContext();
+  const { className, children, toolbarLinkScopeClassName } = props;
+  if (!editor || !link)
+    return null;
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-active": editor.isActive("link") ? true : false,
+      className: `${className} ${toolbarLinkScopeClassName}`,
+      style: { cursor: "pointer" },
+      role: "button",
+      onClick: () => editor.chain().focus().toggleMark("link").run()
+    },
+    children
+  );
+}
+ToolbarLink.displayName = "ToolbarLink";
+function registerToolbarLink(loader) {
+  registerComponentHelper(loader, ToolbarLink, {
+    name: `${TIPTAP_COMPONENT_NAME}-toolbar-link`,
+    displayName: "Tiptap Link Toolbar Option",
+    defaultStyles: {
+      width: "hug",
+      padding: "5px"
+    },
+    props: {
+      children: {
+        type: "slot",
+        hidePlaceholder: true,
+        defaultValue: [
+          {
+            type: "img",
+            src: "https://static1.plasmic.app/link.svg"
+          }
+        ]
+      },
+      toolbarLinkScopeClassName: {
+        type: "styleScopeClass",
+        scopeName: "toolbarLink"
+      },
+      selectedClassName: {
+        type: "class",
+        displayName: "Tool Selected",
+        selectors: [
+          {
+            selector: ":toolbarLink[data-active=true]",
+            label: "Base"
+          }
+        ]
+      }
+    },
+    importName: "ToolbarLink",
+    importPath: "@plasmicpkgs/tiptap/skinny/registerToolbarLink",
+    parentComponentName: TIPTAP_COMPONENT_NAME
+  });
+}
+
+export { ToolbarLink, registerToolbarLink };
+//# sourceMappingURL=registerToolbarLink.esm.js.map

package/skinny/registerToolbarLink.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerToolbarLink.esm.js","sources":["../src/toolbar/registerToolbarLink.tsx"],"sourcesContent":["import { useCurrentEditor } from \"@tiptap/react\";\nimport React from \"react\";\nimport { useTiptapContext } from \"../contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"../registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"../utils\";\n\nexport interface ToolbarLinkProps {\n  className: string;\n  children: React.ReactNode;\n  selectedClassName: string;\n  toolbarLinkScopeClassName: string;\n}\n\nexport function ToolbarLink(props: ToolbarLinkProps) {\n  const { editor } = useCurrentEditor();\n  const { link } = useTiptapContext();\n\n  const { className, children, toolbarLinkScopeClassName } = props;\n\n  if (!editor || !link) return null;\n\n  return (\n    <div\n      // data-active attribute is used here to increase the priority/specificity of the selectedClassName prop styles\n      data-active={editor.isActive(\"link\") ? true : false}\n      className={`${className} ${toolbarLinkScopeClassName}`}\n      style={{ cursor: \"pointer\" }}\n      role=\"button\"\n      onClick={() => editor.chain().focus().toggleMark(\"link\").run()}\n    >\n      {children}\n    </div>\n  );\n}\nToolbarLink.displayName = \"ToolbarLink\";\n\nexport function registerToolbarLink(loader?: Registerable) {\n  registerComponentHelper(loader, ToolbarLink, {\n    name: `${TIPTAP_COMPONENT_NAME}-toolbar-link`,\n    displayName: \"Tiptap Link Toolbar Option\",\n    defaultStyles: {\n      width: \"hug\",\n      padding: \"5px\",\n    },\n    props: {\n      children: {\n        type: \"slot\",\n        hidePlaceholder: true,\n        defaultValue: [\n          {\n            type: \"img\",\n            src: \"https://static1.plasmic.app/link.svg\",\n          },\n        ],\n      },\n      toolbarLinkScopeClassName: {\n        type: \"styleScopeClass\",\n        scopeName: \"toolbarLink\",\n      } as any,\n      selectedClassName: {\n        type: \"class\",\n        displayName: \"Tool Selected\",\n        selectors: [\n          {\n            selector: \":toolbarLink[data-active=true]\",\n            label: \"Base\",\n          },\n        ],\n      },\n    },\n    importName: \"ToolbarLink\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarLink\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":[],"mappings":";;;;;;;;;;AAaO,SAAS,YAAY,KAAyB,EAAA;AACnD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,gBAAiB,EAAA,CAAA;AACpC,EAAM,MAAA,EAAE,IAAK,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAElC,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,yBAAA,EAA8B,GAAA,KAAA,CAAA;AAE3D,EAAI,IAAA,CAAC,UAAU,CAAC,IAAA;AAAM,IAAO,OAAA,IAAA,CAAA;AAE7B,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,aAAa,EAAA,MAAA,CAAO,QAAS,CAAA,MAAM,IAAI,IAAO,GAAA,KAAA;AAAA,MAC9C,SAAA,EAAW,GAAG,SAAa,CAAA,CAAA,EAAA,yBAAA,CAAA,CAAA;AAAA,MAC3B,KAAA,EAAO,EAAE,MAAA,EAAQ,SAAU,EAAA;AAAA,MAC3B,IAAK,EAAA,QAAA;AAAA,MACL,OAAA,EAAS,MAAM,MAAA,CAAO,KAAM,EAAA,CAAE,OAAQ,CAAA,UAAA,CAAW,MAAM,CAAA,CAAE,GAAI,EAAA;AAAA,KAAA;AAAA,IAE5D,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AACA,WAAA,CAAY,WAAc,GAAA,aAAA,CAAA;AAEnB,SAAS,oBAAoB,MAAuB,EAAA;AACzD,EAAA,uBAAA,CAAwB,QAAQ,WAAa,EAAA;AAAA,IAC3C,MAAM,CAAG,EAAA,qBAAA,CAAA,aAAA,CAAA;AAAA,IACT,WAAa,EAAA,4BAAA;AAAA,IACb,aAAe,EAAA;AAAA,MACb,KAAO,EAAA,KAAA;AAAA,MACP,OAAS,EAAA,KAAA;AAAA,KACX;AAAA,IACA,KAAO,EAAA;AAAA,MACL,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,MAAA;AAAA,QACN,eAAiB,EAAA,IAAA;AAAA,QACjB,YAAc,EAAA;AAAA,UACZ;AAAA,YACE,IAAM,EAAA,KAAA;AAAA,YACN,GAAK,EAAA,sCAAA;AAAA,WACP;AAAA,SACF;AAAA,OACF;AAAA,MACA,yBAA2B,EAAA;AAAA,QACzB,IAAM,EAAA,iBAAA;AAAA,QACN,SAAW,EAAA,aAAA;AAAA,OACb;AAAA,MACA,iBAAmB,EAAA;AAAA,QACjB,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,eAAA;AAAA,QACb,SAAW,EAAA;AAAA,UACT;AAAA,YACE,QAAU,EAAA,gCAAA;AAAA,YACV,KAAO,EAAA,MAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,UAAY,EAAA,aAAA;AAAA,IACZ,UAAY,EAAA,gDAAA;AAAA,IACZ,mBAAqB,EAAA,qBAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;"}

package/skinny/registerToolbarMention.cjs.js

@@ -0,0 +1,78 @@
+'use strict';
+
+var react = require('@tiptap/react');
+var React = require('react');
+var registerTiptap = require('./registerTiptap-fd9bf882.cjs.js');
+require('@tiptap/extension-document');
+require('@tiptap/extension-paragraph');
+require('@tiptap/extension-text');
+require('antd');
+require('@plasmicapp/host/registerComponent');
+require('@plasmicapp/host/registerGlobalContext');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+function ToolbarMention(props) {
+  const { editor } = react.useCurrentEditor();
+  const { mention } = registerTiptap.useTiptapContext();
+  const { className, children, toolbarMentionScopeClassName } = props;
+  if (!editor || !mention)
+    return null;
+  return /* @__PURE__ */ React__default.default.createElement(
+    "div",
+    {
+      "data-active": editor.isActive("mention") ? true : false,
+      className: `${className} ${toolbarMentionScopeClassName}`,
+      style: { cursor: "pointer" },
+      role: "button",
+      onClick: () => editor.chain().focus().insertContent(" @").run()
+    },
+    children
+  );
+}
+ToolbarMention.displayName = "ToolbarMention";
+function registerToolbarMention(loader) {
+  registerTiptap.registerComponentHelper(loader, ToolbarMention, {
+    name: `${registerTiptap.TIPTAP_COMPONENT_NAME}-toolbar-mention`,
+    displayName: "Tiptap Mention Toolbar Option",
+    defaultStyles: {
+      width: "hug",
+      padding: "5px"
+    },
+    props: {
+      children: {
+        type: "slot",
+        hidePlaceholder: true,
+        defaultValue: [
+          {
+            type: "img",
+            src: "https://static1.plasmic.app/mention.svg"
+          }
+        ]
+      },
+      toolbarMentionScopeClassName: {
+        type: "styleScopeClass",
+        scopeName: "toolbarMention"
+      },
+      selectedClassName: {
+        type: "class",
+        displayName: "Tool Selected",
+        selectors: [
+          {
+            selector: ":toolbarMention[data-active=true]",
+            label: "Base"
+          }
+        ]
+      }
+    },
+    importName: "ToolbarMention",
+    importPath: "@plasmicpkgs/tiptap/skinny/registerToolbarMention",
+    parentComponentName: registerTiptap.TIPTAP_COMPONENT_NAME
+  });
+}
+
+exports.ToolbarMention = ToolbarMention;
+exports.registerToolbarMention = registerToolbarMention;
+//# sourceMappingURL=registerToolbarMention.cjs.js.map

package/skinny/registerToolbarMention.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerToolbarMention.cjs.js","sources":["../src/toolbar/registerToolbarMention.tsx"],"sourcesContent":["import { useCurrentEditor } from \"@tiptap/react\";\nimport React from \"react\";\nimport { useTiptapContext } from \"../contexts\";\nimport { TIPTAP_COMPONENT_NAME } from \"../registerTiptap\";\nimport { Registerable, registerComponentHelper } from \"../utils\";\n\nexport interface ToolbarMentionProps {\n  className: string;\n  children: React.ReactNode;\n  selectedClassName: string;\n  toolbarMentionScopeClassName: string;\n}\n\nexport function ToolbarMention(props: ToolbarMentionProps) {\n  const { editor } = useCurrentEditor();\n  const { mention } = useTiptapContext();\n\n  const { className, children, toolbarMentionScopeClassName } = props;\n\n  if (!editor || !mention) return null;\n\n  return (\n    <div\n      // data-active attribute is used here to increase the priority/specificity of the selectedClassName prop styles\n      data-active={editor.isActive(\"mention\") ? true : false}\n      className={`${className} ${toolbarMentionScopeClassName}`}\n      style={{ cursor: \"pointer\" }}\n      role=\"button\"\n      onClick={() => editor.chain().focus().insertContent(\" @\").run()}\n    >\n      {children}\n    </div>\n  );\n}\nToolbarMention.displayName = \"ToolbarMention\";\n\nexport function registerToolbarMention(loader?: Registerable) {\n  registerComponentHelper(loader, ToolbarMention, {\n    name: `${TIPTAP_COMPONENT_NAME}-toolbar-mention`,\n    displayName: \"Tiptap Mention Toolbar Option\",\n    defaultStyles: {\n      width: \"hug\",\n      padding: \"5px\",\n    },\n    props: {\n      children: {\n        type: \"slot\",\n        hidePlaceholder: true,\n        defaultValue: [\n          {\n            type: \"img\",\n            src: \"https://static1.plasmic.app/mention.svg\",\n          },\n        ],\n      },\n      toolbarMentionScopeClassName: {\n        type: \"styleScopeClass\",\n        scopeName: \"toolbarMention\",\n      } as any,\n      selectedClassName: {\n        type: \"class\",\n        displayName: \"Tool Selected\",\n        selectors: [\n          {\n            selector: \":toolbarMention[data-active=true]\",\n            label: \"Base\",\n          },\n        ],\n      },\n    },\n    importName: \"ToolbarMention\",\n    importPath: \"@plasmicpkgs/tiptap/skinny/registerToolbarMention\",\n    parentComponentName: TIPTAP_COMPONENT_NAME,\n  });\n}\n"],"names":["useCurrentEditor","useTiptapContext","React","registerComponentHelper","TIPTAP_COMPONENT_NAME"],"mappings":";;;;;;;;;;;;;;;;AAaO,SAAS,eAAe,KAA4B,EAAA;AACzD,EAAM,MAAA,EAAE,MAAO,EAAA,GAAIA,sBAAiB,EAAA,CAAA;AACpC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAIC,+BAAiB,EAAA,CAAA;AAErC,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,4BAAA,EAAiC,GAAA,KAAA,CAAA;AAE9D,EAAI,IAAA,CAAC,UAAU,CAAC,OAAA;AAAS,IAAO,OAAA,IAAA,CAAA;AAEhC,EACE,uBAAAC,sBAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MAEC,aAAa,EAAA,MAAA,CAAO,QAAS,CAAA,SAAS,IAAI,IAAO,GAAA,KAAA;AAAA,MACjD,SAAA,EAAW,GAAG,SAAa,CAAA,CAAA,EAAA,4BAAA,CAAA,CAAA;AAAA,MAC3B,KAAA,EAAO,EAAE,MAAA,EAAQ,SAAU,EAAA;AAAA,MAC3B,IAAK,EAAA,QAAA;AAAA,MACL,OAAA,EAAS,MAAM,MAAA,CAAO,KAAM,EAAA,CAAE,OAAQ,CAAA,aAAA,CAAc,IAAI,CAAA,CAAE,GAAI,EAAA;AAAA,KAAA;AAAA,IAE7D,QAAA;AAAA,GACH,CAAA;AAEJ,CAAA;AACA,cAAA,CAAe,WAAc,GAAA,gBAAA,CAAA;AAEtB,SAAS,uBAAuB,MAAuB,EAAA;AAC5D,EAAAC,sCAAA,CAAwB,QAAQ,cAAgB,EAAA;AAAA,IAC9C,MAAM,CAAG,EAAAC,oCAAA,CAAA,gBAAA,CAAA;AAAA,IACT,WAAa,EAAA,+BAAA;AAAA,IACb,aAAe,EAAA;AAAA,MACb,KAAO,EAAA,KAAA;AAAA,MACP,OAAS,EAAA,KAAA;AAAA,KACX;AAAA,IACA,KAAO,EAAA;AAAA,MACL,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,MAAA;AAAA,QACN,eAAiB,EAAA,IAAA;AAAA,QACjB,YAAc,EAAA;AAAA,UACZ;AAAA,YACE,IAAM,EAAA,KAAA;AAAA,YACN,GAAK,EAAA,yCAAA;AAAA,WACP;AAAA,SACF;AAAA,OACF;AAAA,MACA,4BAA8B,EAAA;AAAA,QAC5B,IAAM,EAAA,iBAAA;AAAA,QACN,SAAW,EAAA,gBAAA;AAAA,OACb;AAAA,MACA,iBAAmB,EAAA;AAAA,QACjB,IAAM,EAAA,OAAA;AAAA,QACN,WAAa,EAAA,eAAA;AAAA,QACb,SAAW,EAAA;AAAA,UACT;AAAA,YACE,QAAU,EAAA,mCAAA;AAAA,YACV,KAAO,EAAA,MAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,UAAY,EAAA,gBAAA;AAAA,IACZ,UAAY,EAAA,mDAAA;AAAA,IACZ,mBAAqB,EAAAA,oCAAA;AAAA,GACtB,CAAA,CAAA;AACH;;;;;"}