payload-intl 0.0.2 → 0.0.4

package/dist/components/inputs/RichTextInput.js

@@ -1,81 +1,85 @@
-import f from "@tiptap/extension-blockquote";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import d from "@tiptap/extension-blockquote";
 import c from "@tiptap/extension-bold";
-import s from "@tiptap/extension-code-block";
-import d from "@tiptap/extension-document";
-import g from "@tiptap/extension-hard-break";
-import u from "@tiptap/extension-heading";
-import h from "@tiptap/extension-highlight";
-import T from "@tiptap/extension-horizontal-rule";
-import k from "@tiptap/extension-italic";
-import x from "@tiptap/extension-link";
-import { BulletList as R, OrderedList as E, ListItem as L, ListKeymap as y } from "@tiptap/extension-list";
-import B from "@tiptap/extension-paragraph";
-import H from "@tiptap/extension-strike";
-import b from "@tiptap/extension-text";
-import C from "@tiptap/extension-text-align";
-import I from "@tiptap/extension-typography";
-import N from "@tiptap/extension-underline";
-import { UndoRedo as O, TrailingNode as U } from "@tiptap/extensions";
-import { useEditor as q, EditorContent as w } from "@tiptap/react";
-import { useMessagesForm as M } from "../../context/messages-form.js";
-import { InputWrapper as S } from "./InputWrapper.js";
-import { RichTextToolbar as z } from "./toolbar/RichTextToolbar.js";
-function mo({
-  error: e,
-  label: t,
-  lang: i,
-  onBlur: m,
+import g from "@tiptap/extension-code-block";
+import u from "@tiptap/extension-document";
+import h from "@tiptap/extension-hard-break";
+import x from "@tiptap/extension-heading";
+import T from "@tiptap/extension-highlight";
+import k from "@tiptap/extension-horizontal-rule";
+import L from "@tiptap/extension-italic";
+import y from "@tiptap/extension-link";
+import { BulletList as B, OrderedList as H, ListItem as R, ListKeymap as b } from "@tiptap/extension-list";
+import C from "@tiptap/extension-paragraph";
+import I from "@tiptap/extension-strike";
+import E from "@tiptap/extension-text";
+import N from "@tiptap/extension-text-align";
+import O from "@tiptap/extension-typography";
+import U from "@tiptap/extension-underline";
+import { UndoRedo as j, TrailingNode as q } from "@tiptap/extensions";
+import { useEditor as w, EditorContent as M } from "@tiptap/react";
+import { useMessagesForm as S } from "../../context/messages-form.js";
+import { InputWrapper as z } from "./InputWrapper.js";
+import { RichTextToolbar as A } from "./toolbar/RichTextToolbar.js";
+function ao({
+  error: i,
+  label: e,
+  lang: m,
+  onBlur: p,
   onChange: n,
-  value: p,
-  className: a
+  value: a,
+  className: f
 }) {
-  const { richTextEditorOptions: o } = M();
+  const { richTextEditorOptions: o } = S();
   console.log(o);
-  const r = q({
-    content: p,
+  const r = w({
+    content: a,
     extensions: [
+      u,
+      ...o?.heading !== !1 ? [x.configure(o?.heading)] : [],
+      C,
+      E,
+      h,
+      k,
       d,
-      ...o?.heading !== !1 ? [u.configure(o?.heading)] : [],
-      B,
-      b,
       g,
-      T,
-      f,
-      s,
+      B,
+      H,
       R,
-      E,
-      L,
-      x.configure({
+      y.configure({
         openOnClick: !1,
         enableClickSelection: !0
       }),
       c,
-      k,
-      H,
-      N,
+      L,
       I,
-      h,
-      C.configure({
+      U,
+      O,
+      T,
+      N.configure({
         types: ["heading", "paragraph", "blockquote"]
       }),
-      O,
-      U,
-      y
+      j,
+      q,
+      b
     ],
     immediatelyRender: !1,
     onUpdate: ({ editor: l }) => n?.(l.getHTML())
   });
-  return /* @__PURE__ */ React.createElement(S, { label: t, error: e, className: a }, /* @__PURE__ */ React.createElement(z, { className: "mb-3 w-full min-w-max", editor: r }), /* @__PURE__ */ React.createElement(
-    w,
-    {
-      className: "tiptap-editor min-h-8",
-      editor: r,
-      lang: i,
-      onBlur: m
-    }
-  ));
+  return /* @__PURE__ */ s(z, { label: e, error: i, className: f, children: [
+    /* @__PURE__ */ t(A, { className: "mb-3 w-full min-w-max", editor: r }),
+    /* @__PURE__ */ t(
+      M,
+      {
+        className: "tiptap-editor min-h-8",
+        editor: r,
+        lang: m,
+        onBlur: p
+      }
+    )
+  ] });
 }
 export {
-  mo as RichTextInput
+  ao as RichTextInput
 };
 //# sourceMappingURL=RichTextInput.js.map

package/dist/components/inputs/RichTextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextInput.js","sources":["../../../src/components/inputs/RichTextInput.tsx"],"sourcesContent":["import Blockquote from \"@tiptap/extension-blockquote\";\nimport Bold from \"@tiptap/extension-bold\";\nimport CodeBlock from \"@tiptap/extension-code-block\";\nimport Document from \"@tiptap/extension-document\";\nimport HardBreak from \"@tiptap/extension-hard-break\";\nimport Heading from \"@tiptap/extension-heading\";\nimport Highlight from \"@tiptap/extension-highlight\";\nimport HorizontalRule from \"@tiptap/extension-horizontal-rule\";\nimport Italic from \"@tiptap/extension-italic\";\nimport Link from \"@tiptap/extension-link\";\nimport {\n  BulletList,\n  ListItem,\n  ListKeymap,\n  OrderedList,\n} from \"@tiptap/extension-list\";\nimport Paragraph from \"@tiptap/extension-paragraph\";\nimport Strike from \"@tiptap/extension-strike\";\nimport Text from \"@tiptap/extension-text\";\nimport TextAlign from \"@tiptap/extension-text-align\";\nimport Typography from \"@tiptap/extension-typography\";\nimport Underline from \"@tiptap/extension-underline\";\nimport { TrailingNode, UndoRedo } from \"@tiptap/extensions\";\nimport { EditorContent, useEditor } from \"@tiptap/react\";\n\nimport { useMessagesForm } from \"@/context/messages-form\";\n\nimport type { InputWrapperProps } from \"./InputWrapper\";\nimport { InputWrapper } from \"./InputWrapper\";\nimport { RichTextToolbar } from \"./toolbar/RichTextToolbar\";\n\nexport interface RichTextInputProps extends InputWrapperProps {\n  value: string;\n  lang: string;\n  onChange: (value: string) => void;\n  onBlur: () => void;\n}\n\nexport function RichTextInput({\n  error,\n  label,\n  lang,\n  onBlur,\n  onChange,\n  value,\n  className,\n}: RichTextInputProps): React.ReactNode {\n  const { richTextEditorOptions } = useMessagesForm();\n  console.log(richTextEditorOptions);\n  const editor = useEditor({\n    content: value,\n    extensions: [\n      Document,\n      ...(richTextEditorOptions?.heading !== false\n        ? [Heading.configure(richTextEditorOptions?.heading)]\n        : []),\n      Paragraph,\n      Text,\n      HardBreak,\n      HorizontalRule,\n      Blockquote,\n      CodeBlock,\n      BulletList,\n      OrderedList,\n      ListItem,\n      Link.configure({\n        openOnClick: false,\n        enableClickSelection: true,\n      }),\n      Bold,\n      Italic,\n      Strike,\n      Underline,\n      Typography,\n      Highlight,\n      TextAlign.configure({\n        types: [\"heading\", \"paragraph\", \"blockquote\"],\n      }),\n      UndoRedo,\n      TrailingNode,\n      ListKeymap,\n    ],\n    immediatelyRender: false,\n    onUpdate: ({ editor }) => onChange?.(editor.getHTML()),\n  });\n\n  return (\n    <InputWrapper label={label} error={error} className={className}>\n      <RichTextToolbar className=\"mb-3 w-full min-w-max\" editor={editor} />\n      <EditorContent\n        className=\"tiptap-editor min-h-8\"\n        editor={editor}\n        lang={lang}\n        onBlur={onBlur}\n      />\n    </InputWrapper>\n  );\n}\n"],"names":["RichTextInput","error","label","lang","onBlur","onChange","value","className","richTextEditorOptions","useMessagesForm","editor","useEditor","Document","Heading","Paragraph","Text","HardBreak","HorizontalRule","Blockquote","CodeBlock","BulletList","OrderedList","ListItem","Link","Bold","Italic","Strike","Underline","Typography","Highlight","TextAlign","UndoRedo","TrailingNode","ListKeymap","InputWrapper","RichTextToolbar","EditorContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAsCO,SAASA,GAAc;AAAA,EAC5B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,GAAwC;AACtC,QAAM,EAAE,uBAAAC,EAAA,IAA0BC,EAAA;AAClC,UAAQ,IAAID,CAAqB;AACjC,QAAME,IAASC,EAAU;AAAA,IACvB,SAASL;AAAA,IACT,YAAY;AAAA,MACVM;AAAA,MACA,GAAIJ,GAAuB,YAAY,KACnC,CAACK,EAAQ,UAAUL,GAAuB,OAAO,CAAC,IAClD,CAAA;AAAA,MACJM;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC,EAAK,UAAU;AAAA,QACb,aAAa;AAAA,QACb,sBAAsB;AAAA,MAAA,CACvB;AAAA,MACDC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC,EAAU,UAAU;AAAA,QAClB,OAAO,CAAC,WAAW,aAAa,YAAY;AAAA,MAAA,CAC7C;AAAA,MACDC;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA;AAAA,IAEF,mBAAmB;AAAA,IACnB,UAAU,CAAC,EAAE,QAAAvB,QAAaL,IAAWK,EAAO,QAAA,CAAS;AAAA,EAAA,CACtD;AAED,SACE,sBAAA,cAACwB,GAAA,EAAa,OAAAhC,GAAc,OAAAD,GAAc,WAAAM,yCACvC4B,GAAA,EAAgB,WAAU,yBAAwB,QAAAzB,EAAA,CAAgB,GACnE,sBAAA;AAAA,IAAC0B;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,QAAA1B;AAAA,MACA,MAAAP;AAAA,MACA,QAAAC;AAAA,IAAA;AAAA,EAAA,CAEJ;AAEJ;"}
+{"version":3,"file":"RichTextInput.js","sources":["../../../src/components/inputs/RichTextInput.tsx"],"sourcesContent":["import Blockquote from \"@tiptap/extension-blockquote\";\nimport Bold from \"@tiptap/extension-bold\";\nimport CodeBlock from \"@tiptap/extension-code-block\";\nimport Document from \"@tiptap/extension-document\";\nimport HardBreak from \"@tiptap/extension-hard-break\";\nimport Heading from \"@tiptap/extension-heading\";\nimport Highlight from \"@tiptap/extension-highlight\";\nimport HorizontalRule from \"@tiptap/extension-horizontal-rule\";\nimport Italic from \"@tiptap/extension-italic\";\nimport Link from \"@tiptap/extension-link\";\nimport {\n  BulletList,\n  ListItem,\n  ListKeymap,\n  OrderedList,\n} from \"@tiptap/extension-list\";\nimport Paragraph from \"@tiptap/extension-paragraph\";\nimport Strike from \"@tiptap/extension-strike\";\nimport Text from \"@tiptap/extension-text\";\nimport TextAlign from \"@tiptap/extension-text-align\";\nimport Typography from \"@tiptap/extension-typography\";\nimport Underline from \"@tiptap/extension-underline\";\nimport { TrailingNode, UndoRedo } from \"@tiptap/extensions\";\nimport { EditorContent, useEditor } from \"@tiptap/react\";\n\nimport { useMessagesForm } from \"@/context/messages-form\";\n\nimport type { InputWrapperProps } from \"./InputWrapper\";\nimport { InputWrapper } from \"./InputWrapper\";\nimport { RichTextToolbar } from \"./toolbar/RichTextToolbar\";\n\nexport interface RichTextInputProps extends InputWrapperProps {\n  value: string;\n  lang: string;\n  onChange: (value: string) => void;\n  onBlur: () => void;\n}\n\nexport function RichTextInput({\n  error,\n  label,\n  lang,\n  onBlur,\n  onChange,\n  value,\n  className,\n}: RichTextInputProps): React.ReactNode {\n  const { richTextEditorOptions } = useMessagesForm();\n  console.log(richTextEditorOptions);\n  const editor = useEditor({\n    content: value,\n    extensions: [\n      Document,\n      ...(richTextEditorOptions?.heading !== false\n        ? [Heading.configure(richTextEditorOptions?.heading)]\n        : []),\n      Paragraph,\n      Text,\n      HardBreak,\n      HorizontalRule,\n      Blockquote,\n      CodeBlock,\n      BulletList,\n      OrderedList,\n      ListItem,\n      Link.configure({\n        openOnClick: false,\n        enableClickSelection: true,\n      }),\n      Bold,\n      Italic,\n      Strike,\n      Underline,\n      Typography,\n      Highlight,\n      TextAlign.configure({\n        types: [\"heading\", \"paragraph\", \"blockquote\"],\n      }),\n      UndoRedo,\n      TrailingNode,\n      ListKeymap,\n    ],\n    immediatelyRender: false,\n    onUpdate: ({ editor }) => onChange?.(editor.getHTML()),\n  });\n\n  return (\n    <InputWrapper label={label} error={error} className={className}>\n      <RichTextToolbar className=\"mb-3 w-full min-w-max\" editor={editor} />\n      <EditorContent\n        className=\"tiptap-editor min-h-8\"\n        editor={editor}\n        lang={lang}\n        onBlur={onBlur}\n      />\n    </InputWrapper>\n  );\n}\n"],"names":["RichTextInput","error","label","lang","onBlur","onChange","value","className","richTextEditorOptions","useMessagesForm","editor","useEditor","Document","Heading","Paragraph","Text","HardBreak","HorizontalRule","Blockquote","CodeBlock","BulletList","OrderedList","ListItem","Link","Bold","Italic","Strike","Underline","Typography","Highlight","TextAlign","UndoRedo","TrailingNode","ListKeymap","jsxs","InputWrapper","jsx","RichTextToolbar","EditorContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsCO,SAASA,GAAc;AAAA,EAC5B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AACF,GAAwC;AACtC,QAAM,EAAE,uBAAAC,EAAA,IAA0BC,EAAA;AAClC,UAAQ,IAAID,CAAqB;AACjC,QAAME,IAASC,EAAU;AAAA,IACvB,SAASL;AAAA,IACT,YAAY;AAAA,MACVM;AAAA,MACA,GAAIJ,GAAuB,YAAY,KACnC,CAACK,EAAQ,UAAUL,GAAuB,OAAO,CAAC,IAClD,CAAA;AAAA,MACJM;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC,EAAK,UAAU;AAAA,QACb,aAAa;AAAA,QACb,sBAAsB;AAAA,MAAA,CACvB;AAAA,MACDC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC,EAAU,UAAU;AAAA,QAClB,OAAO,CAAC,WAAW,aAAa,YAAY;AAAA,MAAA,CAC7C;AAAA,MACDC;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA;AAAA,IAEF,mBAAmB;AAAA,IACnB,UAAU,CAAC,EAAE,QAAAvB,QAAaL,IAAWK,EAAO,QAAA,CAAS;AAAA,EAAA,CACtD;AAED,SACE,gBAAAwB,EAACC,GAAA,EAAa,OAAAjC,GAAc,OAAAD,GAAc,WAAAM,GACxC,UAAA;AAAA,IAAA,gBAAA6B,EAACC,GAAA,EAAgB,WAAU,yBAAwB,QAAA3B,EAAA,CAAgB;AAAA,IACnE,gBAAA0B;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,QAAA5B;AAAA,QACA,MAAAP;AAAA,QACA,QAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/components/inputs/toolbar/AlignmentControls.d.ts

@@ -2,4 +2,4 @@ import { Editor } from '@tiptap/react';
 export interface AlignmentControlsProps {
     editor: Editor | null;
 }
-export declare function AlignmentControls({ editor }: AlignmentControlsProps): import("react").JSX.Element;
+export declare function AlignmentControls({ editor }: AlignmentControlsProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/toolbar/AlignmentControls.js

@@ -1,59 +1,62 @@
-import { IconAlignLeft as c, IconAlignCenter as g, IconAlignRight as u } from "@tabler/icons-react";
-import { useEditorState as d } from "@tiptap/react";
-import { Toolbar as t } from "radix-ui";
-function v({ editor: n }) {
-  const { value: a, disabled: r } = d({
-    editor: n,
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { IconAlignLeft as c, IconAlignCenter as d, IconAlignRight as f } from "@tabler/icons-react";
+import { useEditorState as b } from "@tiptap/react";
+import { Toolbar as n } from "radix-ui";
+function p({ editor: i }) {
+  const { value: o, disabled: r } = b({
+    editor: i,
     selector: (e) => {
-      const i = e.editor?.getAttributes("paragraph"), l = e.editor?.getAttributes("heading"), s = e.editor?.getAttributes("blockquote");
+      const l = e.editor?.getAttributes("paragraph"), s = e.editor?.getAttributes("heading"), g = e.editor?.getAttributes("blockquote");
       return {
         disabled: e.editor?.isActive("bulletList") || e.editor?.isActive("orderedList"),
-        value: i?.textAlign || l?.textAlign || s?.textAlign
+        value: l?.textAlign || s?.textAlign || g?.textAlign
       };
     }
-  }) ?? { value: "left" }, o = (e) => {
-    n && n.chain().focus().setTextAlign(e).run();
+  }) ?? { value: "left" }, a = (e) => {
+    i && i.chain().focus().setTextAlign(e).run();
   };
-  return /* @__PURE__ */ React.createElement(
-    t.ToggleGroup,
+  return /* @__PURE__ */ u(
+    n.ToggleGroup,
     {
       type: "single",
       className: "flex items-center",
       "aria-label": "Text alignment",
-      value: a,
-      onValueChange: o,
-      disabled: r
-    },
-    /* @__PURE__ */ React.createElement(
-      t.ToggleItem,
-      {
-        className: "inline-flex h-7 flex-shrink-0 flex-grow-0 basis-auto cursor-pointer items-center justify-center rounded border-none bg-transparent px-2 leading-none hover:bg-elevation-250 focus:relative focus:outline data-[state=on]:bg-elevation-600 data-[state=on]:text-elevation-0",
-        value: "left",
-        "aria-label": "Left aligned"
-      },
-      /* @__PURE__ */ React.createElement(c, { size: 16 })
-    ),
-    /* @__PURE__ */ React.createElement(
-      t.ToggleItem,
-      {
-        className: "inline-flex h-7 flex-shrink-0 flex-grow-0 basis-auto cursor-pointer items-center justify-center rounded border-none bg-transparent px-2 leading-none hover:bg-elevation-250 focus:relative focus:outline data-[state=on]:bg-elevation-600 data-[state=on]:text-elevation-0",
-        value: "center",
-        "aria-label": "Center aligned"
-      },
-      /* @__PURE__ */ React.createElement(g, { size: 16 })
-    ),
-    /* @__PURE__ */ React.createElement(
-      t.ToggleItem,
-      {
-        className: "inline-flex h-7 flex-shrink-0 flex-grow-0 basis-auto cursor-pointer items-center justify-center rounded border-none bg-transparent px-2 leading-none hover:bg-elevation-250 focus:relative focus:outline data-[state=on]:bg-elevation-600 data-[state=on]:text-elevation-0",
-        value: "right",
-        "aria-label": "Right aligned"
-      },
-      /* @__PURE__ */ React.createElement(u, { size: 16 })
-    )
+      value: o,
+      onValueChange: a,
+      disabled: r,
+      children: [
+        /* @__PURE__ */ t(
+          n.ToggleItem,
+          {
+            className: "inline-flex h-7 flex-shrink-0 flex-grow-0 basis-auto cursor-pointer items-center justify-center rounded border-none bg-transparent px-2 leading-none hover:bg-elevation-250 focus:relative focus:outline data-[state=on]:bg-elevation-600 data-[state=on]:text-elevation-0",
+            value: "left",
+            "aria-label": "Left aligned",
+            children: /* @__PURE__ */ t(c, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ t(
+          n.ToggleItem,
+          {
+            className: "inline-flex h-7 flex-shrink-0 flex-grow-0 basis-auto cursor-pointer items-center justify-center rounded border-none bg-transparent px-2 leading-none hover:bg-elevation-250 focus:relative focus:outline data-[state=on]:bg-elevation-600 data-[state=on]:text-elevation-0",
+            value: "center",
+            "aria-label": "Center aligned",
+            children: /* @__PURE__ */ t(d, { size: 16 })
+          }
+        ),
+        /* @__PURE__ */ t(
+          n.ToggleItem,
+          {
+            className: "inline-flex h-7 flex-shrink-0 flex-grow-0 basis-auto cursor-pointer items-center justify-center rounded border-none bg-transparent px-2 leading-none hover:bg-elevation-250 focus:relative focus:outline data-[state=on]:bg-elevation-600 data-[state=on]:text-elevation-0",
+            value: "right",
+            "aria-label": "Right aligned",
+            children: /* @__PURE__ */ t(f, { size: 16 })
+          }
+        )
+      ]
+    }
   );
 }
 export {
-  v as AlignmentControls
+  p as AlignmentControls
 };
 //# sourceMappingURL=AlignmentControls.js.map

package/dist/components/inputs/toolbar/AlignmentControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlignmentControls.js","sources":["../../../../src/components/inputs/toolbar/AlignmentControls.tsx"],"sourcesContent":["import type { Editor } from \"@tiptap/react\";\nimport {\n  IconAlignCenter,\n  IconAlignLeft,\n  IconAlignRight,\n} from \"@tabler/icons-react\";\nimport { useEditorState } from \"@tiptap/react\";\nimport { Toolbar } from \"radix-ui\";\n\nexport interface AlignmentControlsProps {\n  editor: Editor | null;\n}\n\nexport function AlignmentControls({ editor }: AlignmentControlsProps) {\n  const { value, disabled } = useEditorState<{\n    value: string;\n    disabled?: boolean;\n  }>({\n    editor,\n    selector: (state) => {\n      const attrs = state.editor?.getAttributes(\"paragraph\");\n      const headingAttrs = state.editor?.getAttributes(\"heading\");\n      const blockquoteAttrs = state.editor?.getAttributes(\"blockquote\");\n\n      return {\n        disabled:\n          state.editor?.isActive(\"bulletList\") ||\n          state.editor?.isActive(\"orderedList\"),\n        value:\n          attrs?.textAlign ||\n          headingAttrs?.textAlign ||\n          blockquoteAttrs?.textAlign,\n      };\n    },\n  }) ?? { value: \"left\" };\n\n  const handleChange = (value: string) => {\n    if (!editor) return;\n    editor.chain().focus().setTextAlign(value).run();\n  };\n\n  return (\n    <Toolbar.ToggleGroup\n      type=\"single\"\n      className=\"flex items-center\"\n      aria-label=\"Text alignment\"\n      value={value}\n      onValueChange={handleChange}\n      disabled={disabled}\n    >\n      <Toolbar.ToggleItem\n        className=\"inline-flex h-7 flex-shrink-0 flex-grow-0 basis-auto cursor-pointer items-center justify-center rounded border-none bg-transparent px-2 leading-none hover:bg-elevation-250 focus:relative focus:outline data-[state=on]:bg-elevation-600 data-[state=on]:text-elevation-0\"\n        value=\"left\"\n        aria-label=\"Left aligned\"\n      >\n        <IconAlignLeft size={16} />\n      </Toolbar.ToggleItem>\n      <Toolbar.ToggleItem\n        className=\"inline-flex h-7 flex-shrink-0 flex-grow-0 basis-auto cursor-pointer items-center justify-center rounded border-none bg-transparent px-2 leading-none hover:bg-elevation-250 focus:relative focus:outline data-[state=on]:bg-elevation-600 data-[state=on]:text-elevation-0\"\n        value=\"center\"\n        aria-label=\"Center aligned\"\n      >\n        <IconAlignCenter size={16} />\n      </Toolbar.ToggleItem>\n      <Toolbar.ToggleItem\n        className=\"inline-flex h-7 flex-shrink-0 flex-grow-0 basis-auto cursor-pointer items-center justify-center rounded border-none bg-transparent px-2 leading-none hover:bg-elevation-250 focus:relative focus:outline data-[state=on]:bg-elevation-600 data-[state=on]:text-elevation-0\"\n        value=\"right\"\n        aria-label=\"Right aligned\"\n      >\n        <IconAlignRight size={16} />\n      </Toolbar.ToggleItem>\n    </Toolbar.ToggleGroup>\n  );\n}\n"],"names":["AlignmentControls","editor","value","disabled","useEditorState","state","attrs","headingAttrs","blockquoteAttrs","handleChange","Toolbar","IconAlignLeft","IconAlignCenter","IconAlignRight"],"mappings":";;;AAaO,SAASA,EAAkB,EAAE,QAAAC,KAAkC;AACpE,QAAM,EAAE,OAAAC,GAAO,UAAAC,EAAA,IAAaC,EAGzB;AAAA,IACD,QAAAH;AAAA,IACA,UAAU,CAACI,MAAU;AACnB,YAAMC,IAAQD,EAAM,QAAQ,cAAc,WAAW,GAC/CE,IAAeF,EAAM,QAAQ,cAAc,SAAS,GACpDG,IAAkBH,EAAM,QAAQ,cAAc,YAAY;AAEhE,aAAO;AAAA,QACL,UACEA,EAAM,QAAQ,SAAS,YAAY,KACnCA,EAAM,QAAQ,SAAS,aAAa;AAAA,QACtC,OACEC,GAAO,aACPC,GAAc,aACdC,GAAiB;AAAA,MAAA;AAAA,IAEvB;AAAA,EAAA,CACD,KAAK,EAAE,OAAO,OAAA,GAETC,IAAe,CAACP,MAAkB;AACtC,IAAKD,KACLA,EAAO,QAAQ,MAAA,EAAQ,aAAaC,CAAK,EAAE,IAAA;AAAA,EAC7C;AAEA,SACE,sBAAA;AAAA,IAACQ,EAAQ;AAAA,IAAR;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,cAAW;AAAA,MACX,OAAAR;AAAA,MACA,eAAeO;AAAA,MACf,UAAAN;AAAA,IAAA;AAAA,IAEA,sBAAA;AAAA,MAACO,EAAQ;AAAA,MAAR;AAAA,QACC,WAAU;AAAA,QACV,OAAM;AAAA,QACN,cAAW;AAAA,MAAA;AAAA,MAEX,sBAAA,cAACC,GAAA,EAAc,MAAM,GAAA,CAAI;AAAA,IAAA;AAAA,IAE3B,sBAAA;AAAA,MAACD,EAAQ;AAAA,MAAR;AAAA,QACC,WAAU;AAAA,QACV,OAAM;AAAA,QACN,cAAW;AAAA,MAAA;AAAA,MAEX,sBAAA,cAACE,GAAA,EAAgB,MAAM,GAAA,CAAI;AAAA,IAAA;AAAA,IAE7B,sBAAA;AAAA,MAACF,EAAQ;AAAA,MAAR;AAAA,QACC,WAAU;AAAA,QACV,OAAM;AAAA,QACN,cAAW;AAAA,MAAA;AAAA,MAEX,sBAAA,cAACG,GAAA,EAAe,MAAM,GAAA,CAAI;AAAA,IAAA;AAAA,EAC5B;AAGN;"}
+{"version":3,"file":"AlignmentControls.js","sources":["../../../../src/components/inputs/toolbar/AlignmentControls.tsx"],"sourcesContent":["import type { Editor } from \"@tiptap/react\";\nimport {\n  IconAlignCenter,\n  IconAlignLeft,\n  IconAlignRight,\n} from \"@tabler/icons-react\";\nimport { useEditorState } from \"@tiptap/react\";\nimport { Toolbar } from \"radix-ui\";\n\nexport interface AlignmentControlsProps {\n  editor: Editor | null;\n}\n\nexport function AlignmentControls({ editor }: AlignmentControlsProps) {\n  const { value, disabled } = useEditorState<{\n    value: string;\n    disabled?: boolean;\n  }>({\n    editor,\n    selector: (state) => {\n      const attrs = state.editor?.getAttributes(\"paragraph\");\n      const headingAttrs = state.editor?.getAttributes(\"heading\");\n      const blockquoteAttrs = state.editor?.getAttributes(\"blockquote\");\n\n      return {\n        disabled:\n          state.editor?.isActive(\"bulletList\") ||\n          state.editor?.isActive(\"orderedList\"),\n        value:\n          attrs?.textAlign ||\n          headingAttrs?.textAlign ||\n          blockquoteAttrs?.textAlign,\n      };\n    },\n  }) ?? { value: \"left\" };\n\n  const handleChange = (value: string) => {\n    if (!editor) return;\n    editor.chain().focus().setTextAlign(value).run();\n  };\n\n  return (\n    <Toolbar.ToggleGroup\n      type=\"single\"\n      className=\"flex items-center\"\n      aria-label=\"Text alignment\"\n      value={value}\n      onValueChange={handleChange}\n      disabled={disabled}\n    >\n      <Toolbar.ToggleItem\n        className=\"inline-flex h-7 flex-shrink-0 flex-grow-0 basis-auto cursor-pointer items-center justify-center rounded border-none bg-transparent px-2 leading-none hover:bg-elevation-250 focus:relative focus:outline data-[state=on]:bg-elevation-600 data-[state=on]:text-elevation-0\"\n        value=\"left\"\n        aria-label=\"Left aligned\"\n      >\n        <IconAlignLeft size={16} />\n      </Toolbar.ToggleItem>\n      <Toolbar.ToggleItem\n        className=\"inline-flex h-7 flex-shrink-0 flex-grow-0 basis-auto cursor-pointer items-center justify-center rounded border-none bg-transparent px-2 leading-none hover:bg-elevation-250 focus:relative focus:outline data-[state=on]:bg-elevation-600 data-[state=on]:text-elevation-0\"\n        value=\"center\"\n        aria-label=\"Center aligned\"\n      >\n        <IconAlignCenter size={16} />\n      </Toolbar.ToggleItem>\n      <Toolbar.ToggleItem\n        className=\"inline-flex h-7 flex-shrink-0 flex-grow-0 basis-auto cursor-pointer items-center justify-center rounded border-none bg-transparent px-2 leading-none hover:bg-elevation-250 focus:relative focus:outline data-[state=on]:bg-elevation-600 data-[state=on]:text-elevation-0\"\n        value=\"right\"\n        aria-label=\"Right aligned\"\n      >\n        <IconAlignRight size={16} />\n      </Toolbar.ToggleItem>\n    </Toolbar.ToggleGroup>\n  );\n}\n"],"names":["AlignmentControls","editor","value","disabled","useEditorState","state","attrs","headingAttrs","blockquoteAttrs","handleChange","jsxs","Toolbar","jsx","IconAlignLeft","IconAlignCenter","IconAlignRight"],"mappings":";;;;AAaO,SAASA,EAAkB,EAAE,QAAAC,KAAkC;AACpE,QAAM,EAAE,OAAAC,GAAO,UAAAC,EAAA,IAAaC,EAGzB;AAAA,IACD,QAAAH;AAAA,IACA,UAAU,CAACI,MAAU;AACnB,YAAMC,IAAQD,EAAM,QAAQ,cAAc,WAAW,GAC/CE,IAAeF,EAAM,QAAQ,cAAc,SAAS,GACpDG,IAAkBH,EAAM,QAAQ,cAAc,YAAY;AAEhE,aAAO;AAAA,QACL,UACEA,EAAM,QAAQ,SAAS,YAAY,KACnCA,EAAM,QAAQ,SAAS,aAAa;AAAA,QACtC,OACEC,GAAO,aACPC,GAAc,aACdC,GAAiB;AAAA,MAAA;AAAA,IAEvB;AAAA,EAAA,CACD,KAAK,EAAE,OAAO,OAAA,GAETC,IAAe,CAACP,MAAkB;AACtC,IAAKD,KACLA,EAAO,QAAQ,MAAA,EAAQ,aAAaC,CAAK,EAAE,IAAA;AAAA,EAC7C;AAEA,SACE,gBAAAQ;AAAA,IAACC,EAAQ;AAAA,IAAR;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,cAAW;AAAA,MACX,OAAAT;AAAA,MACA,eAAeO;AAAA,MACf,UAAAN;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAS;AAAA,UAACD,EAAQ;AAAA,UAAR;AAAA,YACC,WAAU;AAAA,YACV,OAAM;AAAA,YACN,cAAW;AAAA,YAEX,UAAA,gBAAAC,EAACC,GAAA,EAAc,MAAM,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAE3B,gBAAAD;AAAA,UAACD,EAAQ;AAAA,UAAR;AAAA,YACC,WAAU;AAAA,YACV,OAAM;AAAA,YACN,cAAW;AAAA,YAEX,UAAA,gBAAAC,EAACE,GAAA,EAAgB,MAAM,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAE7B,gBAAAF;AAAA,UAACD,EAAQ;AAAA,UAAR;AAAA,YACC,WAAU;AAAA,YACV,OAAM;AAAA,YACN,cAAW;AAAA,YAEX,UAAA,gBAAAC,EAACG,GAAA,EAAe,MAAM,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAC5B;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/inputs/toolbar/BlockElementSelect.d.ts

@@ -2,4 +2,4 @@ import { Editor } from '@tiptap/react';
 export interface BlockElementSelectProps {
     editor: Editor | null;
 }
-export declare function BlockElementSelect({ editor }: BlockElementSelectProps): import("react").JSX.Element;
+export declare function BlockElementSelect({ editor }: BlockElementSelectProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/toolbar/BlockElementSelect.js

@@ -1,27 +1,28 @@
-import { IconH6 as s, IconH5 as u, IconH4 as d, IconH3 as h, IconH2 as m, IconH1 as b, IconLetterT as v, IconList as f, IconListNumbers as g, IconSeparatorHorizontal as k, IconBlockquote as p, IconCode as E } from "@tabler/icons-react";
-import { useEditorState as H } from "@tiptap/react";
-import { Select as t, Toolbar as I } from "radix-ui";
-import { useMemo as L } from "react";
-import { cn as c } from "../../../utils/cn.js";
-function x({ editor: a }) {
-  const o = L(() => {
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { IconH6 as d, IconH5 as h, IconH4 as b, IconH3 as v, IconH2 as f, IconH1 as m, IconLetterT as g, IconList as k, IconListNumbers as p, IconSeparatorHorizontal as H, IconBlockquote as I, IconCode as L } from "@tabler/icons-react";
+import { useEditorState as T } from "@tiptap/react";
+import { Select as n, Toolbar as x } from "radix-ui";
+import { useMemo as A } from "react";
+import { cn as r } from "../../../utils/cn.js";
+function q({ editor: a }) {
+  const i = A(() => {
     const e = a?.extensionManager.extensions.find((l) => l.name === "heading")?.options.levels.map(
-      (l) => n.HEADINGS[l]
+      (l) => o.HEADINGS[l]
     ) ?? [];
     return [
-      n.TEXT,
+      o.TEXT,
       ...e.length > 0 ? ["-", ...e] : [],
       "-",
-      ...n.LIST,
+      ...o.LIST,
       "-",
-      n.SEPARATOR,
-      n.BLOCKQUOTE,
-      n.CODE_BLOCK
+      o.SEPARATOR,
+      o.BLOCKQUOTE,
+      o.CODE_BLOCK
     ];
-  }, [a]), r = H({
+  }, [a]), s = T({
     editor: a,
     selector: (e) => e.editor?.isActive("heading", { level: 1 }) ? "h1" : e.editor?.isActive("heading", { level: 2 }) ? "h2" : e.editor?.isActive("heading", { level: 3 }) ? "h3" : e.editor?.isActive("heading", { level: 4 }) ? "h4" : e.editor?.isActive("heading", { level: 5 }) ? "h5" : e.editor?.isActive("heading", { level: 6 }) ? "h6" : e.editor?.isActive("bulletList") ? "bullet-list" : e.editor?.isActive("orderedList") ? "ordered-list" : e.editor?.isActive("blockquote") ? "blockquote" : e.editor?.isActive("codeBlock") ? "code-block" : "text"
-  }), i = (e) => {
+  }), u = (e) => {
     if (a) {
       switch (e !== "blockquote" && a.chain().focus().unsetBlockquote().run(), e) {
         case "h1":
@@ -69,61 +70,66 @@ function x({ editor: a }) {
       }, 100);
     }
   };
-  return /* @__PURE__ */ React.createElement(t.Root, { value: r ?? "text", onValueChange: i }, /* @__PURE__ */ React.createElement(t.Trigger, { asChild: !0 }, /* @__PURE__ */ React.createElement(I.Button, { className: "flex w-34 cursor-pointer items-center justify-center gap-2 rounded-sm border-none bg-transparent hover:bg-elevation-250 focus:outline" }, /* @__PURE__ */ React.createElement(t.Value, null))), /* @__PURE__ */ React.createElement(t.Portal, null, /* @__PURE__ */ React.createElement(
-    t.Content,
-    {
-      "data-slot": "select-content",
-      side: "bottom",
-      className: "relative z-50 w-40 translate-y-2 rounded-md border border-border bg-elevation-100 shadow-md slide-in-from-top-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95"
-    },
-    /* @__PURE__ */ React.createElement(t.Viewport, { className: c("p-1") }, o.map((e, l) => e === "-" ? /* @__PURE__ */ React.createElement(
-      t.Separator,
+  return /* @__PURE__ */ c(n.Root, { value: s ?? "text", onValueChange: u, children: [
+    /* @__PURE__ */ t(n.Trigger, { asChild: !0, children: /* @__PURE__ */ t(x.Button, { className: "flex w-34 cursor-pointer items-center justify-center gap-2 rounded-sm border-none bg-transparent hover:bg-elevation-250 focus:outline", children: /* @__PURE__ */ t(n.Value, {}) }) }),
+    /* @__PURE__ */ t(n.Portal, { children: /* @__PURE__ */ t(
+      n.Content,
       {
-        key: l,
-        className: "my-1 h-px bg-border"
+        "data-slot": "select-content",
+        side: "bottom",
+        className: "relative z-50 w-40 translate-y-2 rounded-md border border-border bg-elevation-100 shadow-md slide-in-from-top-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+        children: /* @__PURE__ */ t(n.Viewport, { className: r("p-1"), children: i.map((e, l) => e === "-" ? /* @__PURE__ */ t(
+          n.Separator,
+          {
+            className: "my-1 h-px bg-border"
+          },
+          l
+        ) : /* @__PURE__ */ c(
+          n.Item,
+          {
+            "data-slot": "select-item",
+            className: r(
+              "flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1 hover:bg-elevation-250 hover:outline-none data-[state=checked]:pointer-events-none data-[state=checked]:bg-elevation-800 data-[state=checked]:text-elevation-0"
+            ),
+            value: e.value,
+            children: [
+              /* @__PURE__ */ t(n.Icon, { asChild: !0, children: /* @__PURE__ */ t(e.icon, { className: "size-4" }) }),
+              /* @__PURE__ */ t(n.ItemText, { children: e.label })
+            ]
+          },
+          e.value
+        )) })
       }
-    ) : /* @__PURE__ */ React.createElement(
-      t.Item,
-      {
-        key: e.value,
-        "data-slot": "select-item",
-        className: c(
-          "flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1 hover:bg-elevation-250 hover:outline-none data-[state=checked]:pointer-events-none data-[state=checked]:bg-elevation-800 data-[state=checked]:text-elevation-0"
-        ),
-        value: e.value
-      },
-      /* @__PURE__ */ React.createElement(t.Icon, { asChild: !0 }, /* @__PURE__ */ React.createElement(e.icon, { className: "size-4" })),
-      /* @__PURE__ */ React.createElement(t.ItemText, null, e.label)
-    )))
-  )));
+    ) })
+  ] });
 }
-const n = {
-  TEXT: { value: "text", label: "Text", icon: v },
+const o = {
+  TEXT: { value: "text", label: "Text", icon: g },
   HEADINGS: {
-    1: { value: "h1", label: "Heading 1", icon: b },
-    2: { value: "h2", label: "Heading 2", icon: m },
-    3: { value: "h3", label: "Heading 3", icon: h },
-    4: { value: "h4", label: "Heading 4", icon: d },
-    5: { value: "h5", label: "Heading 5", icon: u },
-    6: { value: "h6", label: "Heading 6", icon: s }
+    1: { value: "h1", label: "Heading 1", icon: m },
+    2: { value: "h2", label: "Heading 2", icon: f },
+    3: { value: "h3", label: "Heading 3", icon: v },
+    4: { value: "h4", label: "Heading 4", icon: b },
+    5: { value: "h5", label: "Heading 5", icon: h },
+    6: { value: "h6", label: "Heading 6", icon: d }
   },
   LIST: [
-    { value: "bullet-list", label: "Bullet List", icon: f },
-    { value: "ordered-list", label: "Ordered List", icon: g }
+    { value: "bullet-list", label: "Bullet List", icon: k },
+    { value: "ordered-list", label: "Ordered List", icon: p }
   ],
   SEPARATOR: {
     value: "separator",
     label: "Separator",
-    icon: k
+    icon: H
   },
   BLOCKQUOTE: {
     value: "blockquote",
     label: "Blockquote",
-    icon: p
+    icon: I
   },
-  CODE_BLOCK: { value: "code-block", label: "Code Block", icon: E }
+  CODE_BLOCK: { value: "code-block", label: "Code Block", icon: L }
 };
 export {
-  x as BlockElementSelect
+  q as BlockElementSelect
 };
 //# sourceMappingURL=BlockElementSelect.js.map

package/dist/components/inputs/toolbar/BlockElementSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlockElementSelect.js","sources":["../../../../src/components/inputs/toolbar/BlockElementSelect.tsx"],"sourcesContent":["import type { IconProps } from \"@tabler/icons-react\";\nimport type { Editor } from \"@tiptap/react\";\nimport {\n  IconBlockquote,\n  IconCode,\n  IconH1,\n  IconH2,\n  IconH3,\n  IconH4,\n  IconH5,\n  IconH6,\n  IconLetterT,\n  IconList,\n  IconListNumbers,\n  IconSeparatorHorizontal,\n} from \"@tabler/icons-react\";\nimport { useEditorState } from \"@tiptap/react\";\nimport { Select, Toolbar } from \"radix-ui\";\nimport { useMemo } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nexport interface BlockElementSelectProps {\n  // TODO add config\n  editor: Editor | null;\n}\nexport function BlockElementSelect({ editor }: BlockElementSelectProps) {\n  const items = useMemo(() => {\n    const headings =\n      editor?.extensionManager.extensions\n        .find((extension) => extension.name === \"heading\")\n        ?.options.levels.map(\n          (level: 1 | 2 | 3 | 4 | 5 | 6) => BLOCK_ELEMENTS.HEADINGS[level],\n        ) ?? [];\n\n    return [\n      BLOCK_ELEMENTS.TEXT,\n      ...(headings.length > 0 ? [\"-\", ...headings] : []),\n      \"-\",\n      ...BLOCK_ELEMENTS.LIST,\n      \"-\",\n      BLOCK_ELEMENTS.SEPARATOR,\n      BLOCK_ELEMENTS.BLOCKQUOTE,\n      BLOCK_ELEMENTS.CODE_BLOCK,\n    ];\n  }, [editor]);\n\n  const value = useEditorState<BlockElementType>({\n    editor,\n    selector: (state) => {\n      if (state.editor?.isActive(\"heading\", { level: 1 })) return \"h1\";\n      if (state.editor?.isActive(\"heading\", { level: 2 })) return \"h2\";\n      if (state.editor?.isActive(\"heading\", { level: 3 })) return \"h3\";\n      if (state.editor?.isActive(\"heading\", { level: 4 })) return \"h4\";\n      if (state.editor?.isActive(\"heading\", { level: 5 })) return \"h5\";\n      if (state.editor?.isActive(\"heading\", { level: 6 })) return \"h6\";\n      if (state.editor?.isActive(\"bulletList\")) return \"bullet-list\";\n      if (state.editor?.isActive(\"orderedList\")) return \"ordered-list\";\n      if (state.editor?.isActive(\"blockquote\")) return \"blockquote\";\n      if (state.editor?.isActive(\"codeBlock\")) return \"code-block\";\n      return \"text\";\n    },\n  });\n  const handleChange = (value: string) => {\n    if (!editor) return;\n\n    if (value !== \"blockquote\") {\n      editor.chain().focus().unsetBlockquote().run();\n    }\n\n    switch (value as BlockElementType) {\n      case \"h1\":\n        editor.chain().focus().setHeading({ level: 1 }).run();\n        break;\n      case \"h2\":\n        editor.chain().focus().setHeading({ level: 2 }).run();\n        break;\n      case \"h3\":\n        editor.chain().focus().setHeading({ level: 3 }).run();\n        break;\n      case \"h4\":\n        editor.chain().focus().setHeading({ level: 4 }).run();\n        break;\n      case \"h5\":\n        editor.chain().focus().setHeading({ level: 5 }).run();\n        break;\n      case \"h6\":\n        editor.chain().focus().setHeading({ level: 6 }).run();\n        break;\n      case \"bullet-list\":\n        editor.chain().focus().toggleBulletList().run();\n        break;\n      case \"ordered-list\":\n        editor.chain().focus().toggleOrderedList().run();\n        break;\n      case \"task-list\":\n        editor.chain().focus().toggleTaskList().run();\n        break;\n      case \"separator\":\n        editor.chain().focus().setHorizontalRule().run();\n        break;\n      case \"blockquote\":\n        editor.chain().focus().setParagraph().run();\n        editor.chain().focus().setBlockquote().run();\n        break;\n      case \"code-block\":\n        editor.chain().focus().setCodeBlock().run();\n        break;\n      case \"text\":\n        editor.chain().focus().setParagraph().run();\n        break;\n    }\n    // TODO bring back the focus to the active text\n    setTimeout(() => {\n      editor.commands.focus();\n    }, 100);\n  };\n\n  return (\n    <Select.Root value={value ?? \"text\"} onValueChange={handleChange}>\n      <Select.Trigger asChild>\n        <Toolbar.Button className=\"flex w-34 cursor-pointer items-center justify-center gap-2 rounded-sm border-none bg-transparent hover:bg-elevation-250 focus:outline\">\n          <Select.Value />\n        </Toolbar.Button>\n      </Select.Trigger>\n      <Select.Portal>\n        <Select.Content\n          data-slot=\"select-content\"\n          side=\"bottom\"\n          className=\"relative z-50 w-40 translate-y-2 rounded-md border border-border bg-elevation-100 shadow-md slide-in-from-top-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\"\n        >\n          <Select.Viewport className={cn(\"p-1\")}>\n            {items.map((option, index) => {\n              if (option === \"-\")\n                return (\n                  <Select.Separator\n                    key={index}\n                    className=\"my-1 h-px bg-border\"\n                  />\n                );\n\n              return (\n                <Select.Item\n                  key={option.value}\n                  data-slot=\"select-item\"\n                  className={cn(\n                    \"flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1 hover:bg-elevation-250 hover:outline-none data-[state=checked]:pointer-events-none data-[state=checked]:bg-elevation-800 data-[state=checked]:text-elevation-0\",\n                  )}\n                  value={option.value}\n                >\n                  <Select.Icon asChild>\n                    <option.icon className=\"size-4\" />\n                  </Select.Icon>\n                  <Select.ItemText>{option.label}</Select.ItemText>\n                </Select.Item>\n              );\n            })}\n          </Select.Viewport>\n        </Select.Content>\n      </Select.Portal>\n    </Select.Root>\n  );\n}\n\n// MARK: Options\n\ntype BlockElementType =\n  | \"text\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"bullet-list\"\n  | \"ordered-list\"\n  | \"task-list\"\n  | \"blockquote\"\n  | \"separator\"\n  | \"code-block\";\n\ninterface BlockElementOption {\n  value: BlockElementType;\n  label: string;\n  icon: React.FunctionComponent<IconProps>;\n}\n\nconst BLOCK_ELEMENTS = {\n  TEXT: { value: \"text\", label: \"Text\", icon: IconLetterT },\n  HEADINGS: {\n    1: { value: \"h1\", label: \"Heading 1\", icon: IconH1 },\n    2: { value: \"h2\", label: \"Heading 2\", icon: IconH2 },\n    3: { value: \"h3\", label: \"Heading 3\", icon: IconH3 },\n    4: { value: \"h4\", label: \"Heading 4\", icon: IconH4 },\n    5: { value: \"h5\", label: \"Heading 5\", icon: IconH5 },\n    6: { value: \"h6\", label: \"Heading 6\", icon: IconH6 },\n  },\n  LIST: [\n    { value: \"bullet-list\", label: \"Bullet List\", icon: IconList },\n    { value: \"ordered-list\", label: \"Ordered List\", icon: IconListNumbers },\n  ],\n  SEPARATOR: {\n    value: \"separator\",\n    label: \"Separator\",\n    icon: IconSeparatorHorizontal,\n  },\n  BLOCKQUOTE: {\n    value: \"blockquote\",\n    label: \"Blockquote\",\n    icon: IconBlockquote,\n  },\n  CODE_BLOCK: { value: \"code-block\", label: \"Code Block\", icon: IconCode },\n} satisfies Record<\n  string,\n  | BlockElementOption\n  | BlockElementOption[]\n  | Record<string | number, BlockElementOption>\n>;\n"],"names":["BlockElementSelect","editor","items","useMemo","headings","extension","level","BLOCK_ELEMENTS","value","useEditorState","state","handleChange","Select","Toolbar","cn","option","index","IconLetterT","IconH1","IconH2","IconH3","IconH4","IconH5","IconH6","IconList","IconListNumbers","IconSeparatorHorizontal","IconBlockquote","IconCode"],"mappings":"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"}
+{"version":3,"file":"BlockElementSelect.js","sources":["../../../../src/components/inputs/toolbar/BlockElementSelect.tsx"],"sourcesContent":["import type { IconProps } from \"@tabler/icons-react\";\nimport type { Editor } from \"@tiptap/react\";\nimport {\n  IconBlockquote,\n  IconCode,\n  IconH1,\n  IconH2,\n  IconH3,\n  IconH4,\n  IconH5,\n  IconH6,\n  IconLetterT,\n  IconList,\n  IconListNumbers,\n  IconSeparatorHorizontal,\n} from \"@tabler/icons-react\";\nimport { useEditorState } from \"@tiptap/react\";\nimport { Select, Toolbar } from \"radix-ui\";\nimport { useMemo } from \"react\";\n\nimport { cn } from \"@/utils/cn\";\n\nexport interface BlockElementSelectProps {\n  // TODO add config\n  editor: Editor | null;\n}\nexport function BlockElementSelect({ editor }: BlockElementSelectProps) {\n  const items = useMemo(() => {\n    const headings =\n      editor?.extensionManager.extensions\n        .find((extension) => extension.name === \"heading\")\n        ?.options.levels.map(\n          (level: 1 | 2 | 3 | 4 | 5 | 6) => BLOCK_ELEMENTS.HEADINGS[level],\n        ) ?? [];\n\n    return [\n      BLOCK_ELEMENTS.TEXT,\n      ...(headings.length > 0 ? [\"-\", ...headings] : []),\n      \"-\",\n      ...BLOCK_ELEMENTS.LIST,\n      \"-\",\n      BLOCK_ELEMENTS.SEPARATOR,\n      BLOCK_ELEMENTS.BLOCKQUOTE,\n      BLOCK_ELEMENTS.CODE_BLOCK,\n    ];\n  }, [editor]);\n\n  const value = useEditorState<BlockElementType>({\n    editor,\n    selector: (state) => {\n      if (state.editor?.isActive(\"heading\", { level: 1 })) return \"h1\";\n      if (state.editor?.isActive(\"heading\", { level: 2 })) return \"h2\";\n      if (state.editor?.isActive(\"heading\", { level: 3 })) return \"h3\";\n      if (state.editor?.isActive(\"heading\", { level: 4 })) return \"h4\";\n      if (state.editor?.isActive(\"heading\", { level: 5 })) return \"h5\";\n      if (state.editor?.isActive(\"heading\", { level: 6 })) return \"h6\";\n      if (state.editor?.isActive(\"bulletList\")) return \"bullet-list\";\n      if (state.editor?.isActive(\"orderedList\")) return \"ordered-list\";\n      if (state.editor?.isActive(\"blockquote\")) return \"blockquote\";\n      if (state.editor?.isActive(\"codeBlock\")) return \"code-block\";\n      return \"text\";\n    },\n  });\n  const handleChange = (value: string) => {\n    if (!editor) return;\n\n    if (value !== \"blockquote\") {\n      editor.chain().focus().unsetBlockquote().run();\n    }\n\n    switch (value as BlockElementType) {\n      case \"h1\":\n        editor.chain().focus().setHeading({ level: 1 }).run();\n        break;\n      case \"h2\":\n        editor.chain().focus().setHeading({ level: 2 }).run();\n        break;\n      case \"h3\":\n        editor.chain().focus().setHeading({ level: 3 }).run();\n        break;\n      case \"h4\":\n        editor.chain().focus().setHeading({ level: 4 }).run();\n        break;\n      case \"h5\":\n        editor.chain().focus().setHeading({ level: 5 }).run();\n        break;\n      case \"h6\":\n        editor.chain().focus().setHeading({ level: 6 }).run();\n        break;\n      case \"bullet-list\":\n        editor.chain().focus().toggleBulletList().run();\n        break;\n      case \"ordered-list\":\n        editor.chain().focus().toggleOrderedList().run();\n        break;\n      case \"task-list\":\n        editor.chain().focus().toggleTaskList().run();\n        break;\n      case \"separator\":\n        editor.chain().focus().setHorizontalRule().run();\n        break;\n      case \"blockquote\":\n        editor.chain().focus().setParagraph().run();\n        editor.chain().focus().setBlockquote().run();\n        break;\n      case \"code-block\":\n        editor.chain().focus().setCodeBlock().run();\n        break;\n      case \"text\":\n        editor.chain().focus().setParagraph().run();\n        break;\n    }\n    // TODO bring back the focus to the active text\n    setTimeout(() => {\n      editor.commands.focus();\n    }, 100);\n  };\n\n  return (\n    <Select.Root value={value ?? \"text\"} onValueChange={handleChange}>\n      <Select.Trigger asChild>\n        <Toolbar.Button className=\"flex w-34 cursor-pointer items-center justify-center gap-2 rounded-sm border-none bg-transparent hover:bg-elevation-250 focus:outline\">\n          <Select.Value />\n        </Toolbar.Button>\n      </Select.Trigger>\n      <Select.Portal>\n        <Select.Content\n          data-slot=\"select-content\"\n          side=\"bottom\"\n          className=\"relative z-50 w-40 translate-y-2 rounded-md border border-border bg-elevation-100 shadow-md slide-in-from-top-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95\"\n        >\n          <Select.Viewport className={cn(\"p-1\")}>\n            {items.map((option, index) => {\n              if (option === \"-\")\n                return (\n                  <Select.Separator\n                    key={index}\n                    className=\"my-1 h-px bg-border\"\n                  />\n                );\n\n              return (\n                <Select.Item\n                  key={option.value}\n                  data-slot=\"select-item\"\n                  className={cn(\n                    \"flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1 hover:bg-elevation-250 hover:outline-none data-[state=checked]:pointer-events-none data-[state=checked]:bg-elevation-800 data-[state=checked]:text-elevation-0\",\n                  )}\n                  value={option.value}\n                >\n                  <Select.Icon asChild>\n                    <option.icon className=\"size-4\" />\n                  </Select.Icon>\n                  <Select.ItemText>{option.label}</Select.ItemText>\n                </Select.Item>\n              );\n            })}\n          </Select.Viewport>\n        </Select.Content>\n      </Select.Portal>\n    </Select.Root>\n  );\n}\n\n// MARK: Options\n\ntype BlockElementType =\n  | \"text\"\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"bullet-list\"\n  | \"ordered-list\"\n  | \"task-list\"\n  | \"blockquote\"\n  | \"separator\"\n  | \"code-block\";\n\ninterface BlockElementOption {\n  value: BlockElementType;\n  label: string;\n  icon: React.FunctionComponent<IconProps>;\n}\n\nconst BLOCK_ELEMENTS = {\n  TEXT: { value: \"text\", label: \"Text\", icon: IconLetterT },\n  HEADINGS: {\n    1: { value: \"h1\", label: \"Heading 1\", icon: IconH1 },\n    2: { value: \"h2\", label: \"Heading 2\", icon: IconH2 },\n    3: { value: \"h3\", label: \"Heading 3\", icon: IconH3 },\n    4: { value: \"h4\", label: \"Heading 4\", icon: IconH4 },\n    5: { value: \"h5\", label: \"Heading 5\", icon: IconH5 },\n    6: { value: \"h6\", label: \"Heading 6\", icon: IconH6 },\n  },\n  LIST: [\n    { value: \"bullet-list\", label: \"Bullet List\", icon: IconList },\n    { value: \"ordered-list\", label: \"Ordered List\", icon: IconListNumbers },\n  ],\n  SEPARATOR: {\n    value: \"separator\",\n    label: \"Separator\",\n    icon: IconSeparatorHorizontal,\n  },\n  BLOCKQUOTE: {\n    value: \"blockquote\",\n    label: \"Blockquote\",\n    icon: IconBlockquote,\n  },\n  CODE_BLOCK: { value: \"code-block\", label: \"Code Block\", icon: IconCode },\n} satisfies Record<\n  string,\n  | BlockElementOption\n  | BlockElementOption[]\n  | Record<string | number, BlockElementOption>\n>;\n"],"names":["BlockElementSelect","editor","items","useMemo","headings","extension","level","BLOCK_ELEMENTS","value","useEditorState","state","handleChange","jsxs","Select","jsx","Toolbar","cn","option","index","IconLetterT","IconH1","IconH2","IconH3","IconH4","IconH5","IconH6","IconList","IconListNumbers","IconSeparatorHorizontal","IconBlockquote","IconCode"],"mappings":"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"}

package/dist/components/inputs/toolbar/LinkEditor.d.ts

@@ -10,7 +10,7 @@ export interface LinkEditorProps extends Omit<React.HTMLAttributes<HTMLButtonEle
      */
     autoOpenOnLinkActive?: boolean;
 }
-export declare function LinkEditor({ editor, hideWhenUnavailable, onSetLink, onOpenChange, autoOpenOnLinkActive, onClick, className, ...buttonProps }: LinkEditorProps): import("react").JSX.Element;
+export declare function LinkEditor({ editor, hideWhenUnavailable, onSetLink, onOpenChange, autoOpenOnLinkActive, onClick, className, ...buttonProps }: LinkEditorProps): import("react/jsx-runtime").JSX.Element;
 /**
  * Configuration for the link popover functionality
  */