tetrons 2.2.2 → 2.2.3

package/dist/components/tetrons/toolbar/TetronsToolbar.d.ts

@@ -1,5 +1,4 @@
-import React from "react";
 import type { Editor } from "@tiptap/react";
 export default function TetronsToolbar({ editor }: {
     editor: Editor;
-}): React.JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/tetrons/toolbar/{TetronsToolbar.jsx → TetronsToolbar.js}

@@ -1,4 +1,5 @@
 "use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect } from "react";
 import ActionGroup from "./ActionGroup";
 import ClipboardGroup from "./ClipboardGroup";
@@ -27,18 +28,5 @@ export default function TetronsToolbar({ editor }) {
             editor.off("update", handleUpdate);
         };
     }, [autoSave, editor]);
-    return (<div className="tetrons-toolbar">
-      <div className="group">
-        <input type="checkbox" id="autoSave" checked={autoSave} onChange={(e) => setAutoSave(e.target.checked)}/>
-        <label htmlFor="autoSave">Auto Save</label>
-      </div>
-
-      <FileGroup editor={editor}/>
-      <ClipboardGroup editor={editor}/>
-      <FontStyleGroup editor={editor}/>
-      <ListAlignGroup editor={editor}/>
-      <InsertGroup editor={editor}/>
-      <MiscGroup editor={editor}/>
-      <ActionGroup editor={editor}/>
-    </div>);
+    return (_jsxs("div", { className: "tetrons-toolbar", children: [_jsxs("div", { className: "group", children: [_jsx("input", { type: "checkbox", id: "autoSave", checked: autoSave, onChange: (e) => setAutoSave(e.target.checked) }), _jsx("label", { htmlFor: "autoSave", children: "Auto Save" })] }), _jsx(FileGroup, { editor: editor }), _jsx(ClipboardGroup, { editor: editor }), _jsx(FontStyleGroup, { editor: editor }), _jsx(ListAlignGroup, { editor: editor }), _jsx(InsertGroup, { editor: editor }), _jsx(MiscGroup, { editor: editor }), _jsx(ActionGroup, { editor: editor })] }));
 }

package/dist/components/tetrons/toolbar/ToolbarButton.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+const ToolbarButton = React.forwardRef(({ icon: Icon, onClick, disabled = false, title, label, isActive = false }, ref) => {
+    return (_jsx("button", { type: "button", ref: ref, onClick: onClick, disabled: disabled, title: title !== null && title !== void 0 ? title : label, "aria-label": title !== null && title !== void 0 ? title : label, className: `toolbar-button ${isActive ? "active" : ""}`, children: _jsx(Icon, { size: 20 }) }));
+});
+ToolbarButton.displayName = "ToolbarButton";
+export default ToolbarButton;

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare function EditorContent(): React.JSX.Element;
+declare function EditorContent(): react_jsx_runtime.JSX.Element;
 
 export { EditorContent, EditorContent as default };

package/dist/index.d.ts

@@ -1,4 +1,3 @@
 export { default as EditorContent } from "./components/tetrons/EditorContent";
-import "./styles/tetrons.css";
 import EditorContent from "./components/tetrons/EditorContent";
 export default EditorContent;

package/dist/index.js

@@ -1,4 +1,4 @@
 export { default as EditorContent } from "./components/tetrons/EditorContent";
-import "./styles/tetrons.css";
+// import "./styles/tetrons.css";
 import EditorContent from "./components/tetrons/EditorContent";
 export default EditorContent;