payload-richtext-tiptap 0.0.1

package/dist/fields/TiptapEditor/features/ui/PopoverMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/features/ui/PopoverMenu.tsx"],"sourcesContent":["import * as Popover from \"@radix-ui/react-popover\";\nimport { LucideIcon } from \"lucide-react\";\nimport React, { forwardRef } from \"react\";\nimport { cn } from \"../../lib/utils/index.js\";\nimport { Surface } from \"./Surface.jsx\";\nimport { Toolbar } from \"./Toolbar.jsx\";\n\nexport const Trigger = Popover.Trigger;\nexport const Portal = Popover.Portal;\n\nexport type MenuProps = {\n  children: React.ReactNode;\n  trigger: React.ReactNode;\n  triggerClassName?: string;\n  customTrigger?: boolean;\n  isOpen?: boolean;\n  onOpenChange?: (state: boolean) => void;\n  withPortal?: boolean;\n  tooltip?: string;\n  isActive?: boolean;\n};\n\nexport const Menu = ({\n  customTrigger,\n  trigger,\n  triggerClassName,\n  children,\n  isOpen,\n  withPortal,\n  tooltip,\n  onOpenChange,\n}: MenuProps) => {\n  return (\n    <Popover.Root onOpenChange={onOpenChange}>\n      {customTrigger ? (\n        <Trigger asChild>{trigger}</Trigger>\n      ) : (\n        <Trigger asChild>\n          <Toolbar.Button\n            type=\"button\"\n            className={triggerClassName}\n            tooltip={!isOpen ? tooltip : \"\"}\n          >\n            {trigger}\n          </Toolbar.Button>\n        </Trigger>\n      )}\n      {withPortal ? (\n        <Popover.Portal>\n          <Popover.Content asChild sideOffset={8}>\n            <Surface className=\"min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]\">\n              {children}\n            </Surface>\n          </Popover.Content>\n        </Popover.Portal>\n      ) : (\n        <Popover.Content asChild sideOffset={8}>\n          <Surface className=\"min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]\">\n            {children}\n          </Surface>\n        </Popover.Content>\n      )}\n    </Popover.Root>\n  );\n};\n\nMenu.displayName = \"Menu\";\n\nexport const Item = ({\n  label,\n  close = true,\n  icon,\n  iconComponent,\n  disabled,\n  onClick,\n  isActive,\n}: {\n  label: string | React.ReactNode;\n  icon?: LucideIcon;\n  iconComponent?: React.ReactNode;\n  close?: boolean;\n  disabled?: boolean;\n  onClick: () => void;\n  isActive?: boolean;\n}) => {\n  const className = cn(\n    \"flex items-center gap-2 p-1.5 text-sm font-medium text-neutral-500 text-left bg-transparent w-full rounded  outline-none\",\n    !isActive && !disabled,\n    \"hover:bg-neutral-100 hover:text-neutral-800 dark:hover:bg-neutral-900 dark:hover:text-neutral-200\",\n    isActive &&\n      !disabled &&\n      \"bg-neutral-100 text-neutral-800 dark:bg-neutral-900 dark:text-neutral-200\",\n    disabled && \"text-neutral-400 cursor-not-allowed dark:text-neutral-600\"\n  );\n\n  const IconComponent = icon ? icon : null;\n  const IconCustomComponent = iconComponent || null;\n\n  const ItemComponent = close ? Popover.Close : \"button\";\n\n  return (\n    <ItemComponent className={className} onClick={onClick} disabled={disabled}>\n      {IconComponent && <IconComponent className=\"w-4 h-4\" />}\n      {IconCustomComponent}\n      {label}\n    </ItemComponent>\n  );\n};\n\nexport type CategoryTitle = {\n  children: React.ReactNode;\n};\n\nexport const CategoryTitle = ({ children }: CategoryTitle) => {\n  return (\n    <div className=\"mt-4 first:mt-1.5 mb-1.5 text-[0.625rem] font-medium text-neutral-400 dark:text-neutral-600 uppercase select-none px-1\">\n      {children}\n    </div>\n  );\n};\n\nexport const Divider = forwardRef<HTMLHRElement>((props, ref) => {\n  return (\n    <hr\n      {...props}\n      ref={ref}\n      className=\"my-1 border-neutral-200 dark:border-neutral-800\"\n    />\n  );\n});\n\nDivider.displayName = \"Divider\";\n"],"names":["Popover","React","forwardRef","cn","Surface","Toolbar","Trigger","Portal","Menu","customTrigger","trigger","triggerClassName","children","isOpen","withPortal","tooltip","onOpenChange","Root","asChild","Button","type","className","Content","sideOffset","displayName","Item","label","close","icon","iconComponent","disabled","onClick","isActive","IconComponent","IconCustomComponent","ItemComponent","Close","CategoryTitle","div","Divider","props","ref","hr"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,YAAYA,aAAa,0BAA0B;AAEnD,OAAOC,SAASC,UAAU,QAAQ,QAAQ;AAC1C,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,OAAO,QAAQ,gBAAgB;AACxC,SAASC,OAAO,QAAQ,gBAAgB;AAExC,OAAO,MAAMC,UAAUN,QAAQM,OAAO,CAAC;AACvC,OAAO,MAAMC,SAASP,QAAQO,MAAM,CAAC;AAcrC,OAAO,MAAMC,OAAO,CAAC,EACnBC,aAAa,EACbC,OAAO,EACPC,gBAAgB,EAChBC,QAAQ,EACRC,MAAM,EACNC,UAAU,EACVC,OAAO,EACPC,YAAY,EACF;IACV,qBACE,MAAChB,QAAQiB,IAAI;QAACD,cAAcA;;YACzBP,8BACC,KAACH;gBAAQY,OAAO;0BAAER;+BAElB,KAACJ;gBAAQY,OAAO;0BACd,cAAA,KAACb,QAAQc,MAAM;oBACbC,MAAK;oBACLC,WAAWV;oBACXI,SAAS,CAACF,SAASE,UAAU;8BAE5BL;;;YAINI,2BACC,KAACd,QAAQO,MAAM;0BACb,cAAA,KAACP,QAAQsB,OAAO;oBAACJ,OAAO;oBAACK,YAAY;8BACnC,cAAA,KAACnB;wBAAQiB,WAAU;kCAChBT;;;+BAKP,KAACZ,QAAQsB,OAAO;gBAACJ,OAAO;gBAACK,YAAY;0BACnC,cAAA,KAACnB;oBAAQiB,WAAU;8BAChBT;;;;;AAMb,EAAE;AAEFJ,KAAKgB,WAAW,GAAG;AAEnB,OAAO,MAAMC,OAAO,CAAC,EACnBC,KAAK,EACLC,QAAQ,IAAI,EACZC,IAAI,EACJC,aAAa,EACbC,QAAQ,EACRC,OAAO,EACPC,QAAQ,EAST;IACC,MAAMX,YAAYlB,GAChB,4HACA,CAAC6B,YAAY,CAACF,UACd,qGACAE,YACE,CAACF,YACD,6EACFA,YAAY;IAGd,MAAMG,gBAAgBL,OAAOA,OAAO;IACpC,MAAMM,sBAAsBL,iBAAiB;IAE7C,MAAMM,gBAAgBR,QAAQ3B,QAAQoC,KAAK,GAAG;IAE9C,qBACE,MAACD;QAAcd,WAAWA;QAAWU,SAASA;QAASD,UAAUA;;YAC9DG,+BAAiB,KAACA;gBAAcZ,WAAU;;YAC1Ca;YACAR;;;AAGP,EAAE;AAMF,OAAO,MAAMW,gBAAgB,CAAC,EAAEzB,QAAQ,EAAiB;IACvD,qBACE,KAAC0B;QAAIjB,WAAU;kBACZT;;AAGP,EAAE;AAEF,OAAO,MAAM2B,wBAAUrC,WAA0B,CAACsC,OAAOC;IACvD,qBACE,KAACC;QACE,GAAGF,KAAK;QACTC,KAAKA;QACLpB,WAAU;;AAGhB,GAAG;AAEHkB,QAAQf,WAAW,GAAG"}

package/dist/fields/TiptapEditor/features/ui/Spinner/Spinner.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { forwardRef } from "react";
+import { cn } from "../../../lib/utils/index.js";
+export const Spinner = /*#__PURE__*/ forwardRef(({ className, ...rest }, ref)=>{
+    const spinnerClass = cn("animate-spin rounded-full border-2 border-current border-t-transparent h-4 w-4", className);
+    return /*#__PURE__*/ _jsx("div", {
+        className: spinnerClass,
+        ref: ref,
+        ...rest
+    });
+});
+Spinner.displayName = "Spinner";
+
+//# sourceMappingURL=Spinner.js.map

package/dist/fields/TiptapEditor/features/ui/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/Spinner/Spinner.tsx"],"sourcesContent":["import React from \"react\";\nimport { HTMLProps, forwardRef } from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\n\nexport const Spinner = forwardRef<HTMLDivElement, HTMLProps<HTMLDivElement>>(\n  ({ className, ...rest }, ref) => {\n    const spinnerClass = cn(\n      \"animate-spin rounded-full border-2 border-current border-t-transparent h-4 w-4\",\n      className\n    );\n\n    return <div className={spinnerClass} ref={ref} {...rest} />;\n  }\n);\n\nSpinner.displayName = \"Spinner\";\n"],"names":["React","forwardRef","cn","Spinner","className","rest","ref","spinnerClass","div","displayName"],"rangeMappings":";;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAAoBC,UAAU,QAAQ,QAAQ;AAC9C,SAASC,EAAE,QAAQ,8BAA8B;AAEjD,OAAO,MAAMC,wBAAUF,WACrB,CAAC,EAAEG,SAAS,EAAE,GAAGC,MAAM,EAAEC;IACvB,MAAMC,eAAeL,GACnB,kFACAE;IAGF,qBAAO,KAACI;QAAIJ,WAAWG;QAAcD,KAAKA;QAAM,GAAGD,IAAI;;AACzD,GACA;AAEFF,QAAQM,WAAW,GAAG"}

package/dist/fields/TiptapEditor/features/ui/Spinner/index.js

@@ -0,0 +1,3 @@
+export * from "./Spinner.jsx";
+
+//# sourceMappingURL=index.js.map

package/dist/fields/TiptapEditor/features/ui/Spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/Spinner/index.tsx"],"sourcesContent":["export * from \"./Spinner.jsx\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,gBAAgB"}

package/dist/fields/TiptapEditor/features/ui/Surface.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { forwardRef } from "react";
+import { cn } from "../../lib/utils/index.js";
+export const Surface = /*#__PURE__*/ forwardRef(({ children, className, withShadow = true, withBorder = true, ...props }, ref)=>{
+    const surfaceClass = cn(className, "bg-white rounded-lg dark:bg-black", withShadow ? "shadow-sm" : "", withBorder ? "border border-neutral-200 dark:border-neutral-800" : "");
+    return /*#__PURE__*/ _jsx("div", {
+        className: surfaceClass,
+        ...props,
+        ref: ref,
+        children: children
+    });
+});
+Surface.displayName = "Surface";
+
+//# sourceMappingURL=Surface.js.map

package/dist/fields/TiptapEditor/features/ui/Surface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/features/ui/Surface.tsx"],"sourcesContent":["import React, { HTMLProps, forwardRef } from \"react\";\nimport { cn } from \"../../lib/utils/index.js\";\n\nexport type SurfaceProps = HTMLProps<HTMLDivElement> & {\n  withShadow?: boolean;\n  withBorder?: boolean;\n};\n\nexport const Surface = forwardRef<HTMLDivElement, SurfaceProps>(\n  (\n    { children, className, withShadow = true, withBorder = true, ...props },\n    ref\n  ) => {\n    const surfaceClass = cn(\n      className,\n      \"bg-white rounded-lg dark:bg-black\",\n      withShadow ? \"shadow-sm\" : \"\",\n      withBorder ? \"border border-neutral-200 dark:border-neutral-800\" : \"\"\n    );\n\n    return (\n      <div className={surfaceClass} {...props} ref={ref}>\n        {children}\n      </div>\n    );\n  }\n);\n\nSurface.displayName = \"Surface\";\n"],"names":["React","forwardRef","cn","Surface","children","className","withShadow","withBorder","props","ref","surfaceClass","div","displayName"],"rangeMappings":";;;;;;;;;;;;","mappings":";AAAA,OAAOA,SAAoBC,UAAU,QAAQ,QAAQ;AACrD,SAASC,EAAE,QAAQ,2BAA2B;AAO9C,OAAO,MAAMC,wBAAUF,WACrB,CACE,EAAEG,QAAQ,EAAEC,SAAS,EAAEC,aAAa,IAAI,EAAEC,aAAa,IAAI,EAAE,GAAGC,OAAO,EACvEC;IAEA,MAAMC,eAAeR,GACnBG,WACA,qCACAC,aAAa,cAAc,IAC3BC,aAAa,sDAAsD;IAGrE,qBACE,KAACI;QAAIN,WAAWK;QAAe,GAAGF,KAAK;QAAEC,KAAKA;kBAC3CL;;AAGP,GACA;AAEFD,QAAQS,WAAW,GAAG"}

package/dist/fields/TiptapEditor/features/ui/Textarea/Textarea.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { forwardRef } from "react";
+import { cn } from "../../../lib/utils/index.js";
+export const Textarea = /*#__PURE__*/ forwardRef(({ className, ...rest }, ref)=>{
+    const textAreaClassName = cn("bg-black/5 border-0 rounded-lg caret-black block text-black text-sm font-medium h-[4.5rem] px-2 py-1 w-full", "dark:bg-white/10 dark:text-white dark:caret-white", "hover:bg-black/10", "dark:hover:bg-white/20", "focus:bg-transparent active:bg-transparent focus:outline focus:outline-black active:outline active:outline-black", "dark:focus:outline-white dark:active:outline-white", className);
+    return /*#__PURE__*/ _jsx("textarea", {
+        className: textAreaClassName,
+        ref: ref,
+        ...rest
+    });
+});
+Textarea.displayName = "Textarea";
+
+//# sourceMappingURL=Textarea.js.map

package/dist/fields/TiptapEditor/features/ui/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/Textarea/Textarea.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\n\nexport const Textarea = forwardRef<\n  HTMLTextAreaElement,\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>\n>(({ className, ...rest }, ref) => {\n  const textAreaClassName = cn(\n    \"bg-black/5 border-0 rounded-lg caret-black block text-black text-sm font-medium h-[4.5rem] px-2 py-1 w-full\",\n    \"dark:bg-white/10 dark:text-white dark:caret-white\",\n    \"hover:bg-black/10\",\n    \"dark:hover:bg-white/20\",\n    \"focus:bg-transparent active:bg-transparent focus:outline focus:outline-black active:outline active:outline-black\",\n    \"dark:focus:outline-white dark:active:outline-white\",\n    className\n  );\n\n  return <textarea className={textAreaClassName} ref={ref} {...rest} />;\n});\n\nTextarea.displayName = \"Textarea\";\n"],"names":["React","forwardRef","cn","Textarea","className","rest","ref","textAreaClassName","textarea","displayName"],"rangeMappings":";;;;;;;;;;;","mappings":";AAAA,OAAOA,SAASC,UAAU,QAAQ,QAAQ;AAC1C,SAASC,EAAE,QAAQ,8BAA8B;AAEjD,OAAO,MAAMC,yBAAWF,WAGtB,CAAC,EAAEG,SAAS,EAAE,GAAGC,MAAM,EAAEC;IACzB,MAAMC,oBAAoBL,GACxB,+GACA,qDACA,qBACA,0BACA,oHACA,sDACAE;IAGF,qBAAO,KAACI;QAASJ,WAAWG;QAAmBD,KAAKA;QAAM,GAAGD,IAAI;;AACnE,GAAG;AAEHF,SAASM,WAAW,GAAG"}

package/dist/fields/TiptapEditor/features/ui/Textarea/index.js

@@ -0,0 +1,3 @@
+export * from "./Textarea.jsx";
+
+//# sourceMappingURL=index.js.map

package/dist/fields/TiptapEditor/features/ui/Textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/Textarea/index.tsx"],"sourcesContent":["export * from \"./Textarea.jsx\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,iBAAiB"}

package/dist/fields/TiptapEditor/features/ui/Toggle/Toggle.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useCallback } from "react";
+import { cn } from "../../../lib/utils/index.js";
+export const Toggle = ({ onChange, active = false, size = "large" })=>{
+    const state = active ? "checked" : "unchecked";
+    const value = active ? "on" : "off";
+    const buttonClass = cn("inline-flex cursor-pointer items-center rounded-full border-transparent transition-colors", !active ? "bg-neutral-200 hover:bg-neutral-300" : "bg-black", !active ? "dark:bg-neutral-800 dark:hover:bg-neutral-700" : "dark:bg-white", size === "small" && "h-3 w-6 px-0.5", size === "large" && "h-5 w-9 px-0.5");
+    const pinClass = cn("rounded-full pointer-events-none block transition-transform", "bg-white dark:bg-black", size === "small" && "h-2 w-2", size === "large" && "h-4 w-4", active ? cn(size === "small" ? "translate-x-3" : "", size === "large" ? "translate-x-4" : "") : "translate-x-0");
+    const handleChange = useCallback(()=>{
+        onChange(!active);
+    }, [
+        active,
+        onChange
+    ]);
+    return /*#__PURE__*/ _jsx("button", {
+        className: buttonClass,
+        type: "button",
+        role: "switch",
+        "aria-checked": active,
+        "data-state": state,
+        value: value,
+        onClick: handleChange,
+        children: /*#__PURE__*/ _jsx("span", {
+            className: pinClass,
+            "data-state": state
+        })
+    });
+};
+
+//# sourceMappingURL=Toggle.js.map

package/dist/fields/TiptapEditor/features/ui/Toggle/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/Toggle/Toggle.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\n\nexport type ToggleProps = {\n  active?: boolean;\n  onChange: (active: boolean) => void;\n  size?: \"small\" | \"large\";\n};\n\nexport const Toggle = ({\n  onChange,\n  active = false,\n  size = \"large\",\n}: ToggleProps) => {\n  const state = active ? \"checked\" : \"unchecked\";\n  const value = active ? \"on\" : \"off\";\n\n  const buttonClass = cn(\n    \"inline-flex cursor-pointer items-center rounded-full border-transparent transition-colors\",\n    !active ? \"bg-neutral-200 hover:bg-neutral-300\" : \"bg-black\",\n    !active ? \"dark:bg-neutral-800 dark:hover:bg-neutral-700\" : \"dark:bg-white\",\n    size === \"small\" && \"h-3 w-6 px-0.5\",\n    size === \"large\" && \"h-5 w-9 px-0.5\"\n  );\n\n  const pinClass = cn(\n    \"rounded-full pointer-events-none block transition-transform\",\n    \"bg-white dark:bg-black\",\n    size === \"small\" && \"h-2 w-2\",\n    size === \"large\" && \"h-4 w-4\",\n    active\n      ? cn(\n          size === \"small\" ? \"translate-x-3\" : \"\",\n          size === \"large\" ? \"translate-x-4\" : \"\"\n        )\n      : \"translate-x-0\"\n  );\n\n  const handleChange = useCallback(() => {\n    onChange(!active);\n  }, [active, onChange]);\n\n  return (\n    <button\n      className={buttonClass}\n      type=\"button\"\n      role=\"switch\"\n      aria-checked={active}\n      data-state={state}\n      value={value}\n      onClick={handleChange}\n    >\n      <span className={pinClass} data-state={state} />\n    </button>\n  );\n};\n"],"names":["React","useCallback","cn","Toggle","onChange","active","size","state","value","buttonClass","pinClass","handleChange","button","className","type","role","aria-checked","data-state","onClick","span"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,SAASC,WAAW,QAAQ,QAAQ;AAC3C,SAASC,EAAE,QAAQ,8BAA8B;AAQjD,OAAO,MAAMC,SAAS,CAAC,EACrBC,QAAQ,EACRC,SAAS,KAAK,EACdC,OAAO,OAAO,EACF;IACZ,MAAMC,QAAQF,SAAS,YAAY;IACnC,MAAMG,QAAQH,SAAS,OAAO;IAE9B,MAAMI,cAAcP,GAClB,6FACA,CAACG,SAAS,wCAAwC,YAClD,CAACA,SAAS,kDAAkD,iBAC5DC,SAAS,WAAW,kBACpBA,SAAS,WAAW;IAGtB,MAAMI,WAAWR,GACf,+DACA,0BACAI,SAAS,WAAW,WACpBA,SAAS,WAAW,WACpBD,SACIH,GACEI,SAAS,UAAU,kBAAkB,IACrCA,SAAS,UAAU,kBAAkB,MAEvC;IAGN,MAAMK,eAAeV,YAAY;QAC/BG,SAAS,CAACC;IACZ,GAAG;QAACA;QAAQD;KAAS;IAErB,qBACE,KAACQ;QACCC,WAAWJ;QACXK,MAAK;QACLC,MAAK;QACLC,gBAAcX;QACdY,cAAYV;QACZC,OAAOA;QACPU,SAASP;kBAET,cAAA,KAACQ;YAAKN,WAAWH;YAAUO,cAAYV;;;AAG7C,EAAE"}

package/dist/fields/TiptapEditor/features/ui/Toggle/index.js

@@ -0,0 +1,3 @@
+export * from "./Toggle.jsx";
+
+//# sourceMappingURL=index.js.map

package/dist/fields/TiptapEditor/features/ui/Toggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/Toggle/index.tsx"],"sourcesContent":["export * from \"./Toggle.jsx\";\n"],"names":[],"rangeMappings":"","mappings":"AAAA,cAAc,eAAe"}

package/dist/fields/TiptapEditor/features/ui/Toolbar.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../lib/utils/index.js";
+import { Button } from "./Button/Button.jsx";
+import { Surface } from "./Surface.jsx";
+import Tooltip from "./Tooltip/index.jsx";
+const ToolbarWrapper = /*#__PURE__*/ forwardRef(({ shouldShowContent = true, children, isVertical = false, className, ...rest }, ref)=>{
+    const toolbarClassName = cn("text-black inline-flex h-full leading-none gap-0.5", isVertical ? "flex-col p-2" : "flex-row p-1 items-center", className);
+    return shouldShowContent && /*#__PURE__*/ _jsx(Surface, {
+        className: toolbarClassName,
+        ...rest,
+        ref: ref,
+        children: children
+    });
+});
+ToolbarWrapper.displayName = "Toolbar";
+const ToolbarDivider = /*#__PURE__*/ forwardRef(({ horizontal, className, ...rest }, ref)=>{
+    const dividerClassName = cn("bg-neutral-200 dark:bg-neutral-800", horizontal ? "w-full min-w-[1.5rem] h-[1px] my-1 first:mt-0 last:mt-0" : "h-full min-h-[1.5rem] w-[1px] mx-1 first:ml-0 last:mr-0", className);
+    return /*#__PURE__*/ _jsx("div", {
+        className: dividerClassName,
+        ref: ref,
+        ...rest
+    });
+});
+ToolbarDivider.displayName = "Toolbar.Divider";
+const ToolbarButton = /*#__PURE__*/ forwardRef(({ children, buttonSize = "icon", variant = "ghost", className, tooltip, tooltipShortcut, activeClassname, ...rest }, ref)=>{
+    const buttonClass = cn("gap-1 min-w-[2rem] px-2 w-auto", className);
+    const content = /*#__PURE__*/ _jsx(Button, {
+        type: "button",
+        activeClassname: activeClassname,
+        className: buttonClass,
+        variant: variant,
+        buttonSize: buttonSize,
+        ref: ref,
+        ...rest,
+        children: children
+    });
+    if (tooltip) {
+        return /*#__PURE__*/ _jsx(Tooltip, {
+            title: tooltip,
+            shortcut: tooltipShortcut,
+            children: content
+        });
+    }
+    return content;
+});
+ToolbarButton.displayName = "ToolbarButton";
+export const Toolbar = {
+    Wrapper: ToolbarWrapper,
+    Divider: ToolbarDivider,
+    Button: ToolbarButton
+};
+
+//# sourceMappingURL=Toolbar.js.map

package/dist/fields/TiptapEditor/features/ui/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/features/ui/Toolbar.tsx"],"sourcesContent":["import { ButtonHTMLAttributes, HTMLProps, forwardRef } from \"react\";\nimport { cn } from \"../../lib/utils/index.js\";\nimport { Button, ButtonProps } from \"./Button/Button.jsx\";\nimport { Surface } from \"./Surface.jsx\";\nimport Tooltip from \"./Tooltip/index.jsx\";\n\nexport type ToolbarWrapperProps = {\n  shouldShowContent?: boolean;\n  isVertical?: boolean;\n} & HTMLProps<HTMLDivElement>;\n\nconst ToolbarWrapper = forwardRef<HTMLDivElement, ToolbarWrapperProps>(\n  (\n    {\n      shouldShowContent = true,\n      children,\n      isVertical = false,\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    const toolbarClassName = cn(\n      \"text-black inline-flex h-full leading-none gap-0.5\",\n      isVertical ? \"flex-col p-2\" : \"flex-row p-1 items-center\",\n      className\n    );\n\n    return (\n      shouldShowContent && (\n        <Surface className={toolbarClassName} {...rest} ref={ref}>\n          {children}\n        </Surface>\n      )\n    );\n  }\n);\n\nToolbarWrapper.displayName = \"Toolbar\";\n\nexport type ToolbarDividerProps = {\n  horizontal?: boolean;\n} & HTMLProps<HTMLDivElement>;\n\nconst ToolbarDivider = forwardRef<HTMLDivElement, ToolbarDividerProps>(\n  ({ horizontal, className, ...rest }, ref) => {\n    const dividerClassName = cn(\n      \"bg-neutral-200 dark:bg-neutral-800\",\n      horizontal\n        ? \"w-full min-w-[1.5rem] h-[1px] my-1 first:mt-0 last:mt-0\"\n        : \"h-full min-h-[1.5rem] w-[1px] mx-1 first:ml-0 last:mr-0\",\n      className\n    );\n\n    return <div className={dividerClassName} ref={ref} {...rest} />;\n  }\n);\n\nToolbarDivider.displayName = \"Toolbar.Divider\";\n\nexport type ToolbarButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {\n  active?: boolean;\n  activeClassname?: string;\n  tooltip?: string;\n  tooltipShortcut?: string[];\n  buttonSize?: ButtonProps[\"buttonSize\"];\n  variant?: ButtonProps[\"variant\"];\n};\n\nconst ToolbarButton = forwardRef<HTMLButtonElement, ToolbarButtonProps>(\n  (\n    {\n      children,\n      buttonSize = \"icon\",\n      variant = \"ghost\",\n      className,\n      tooltip,\n      tooltipShortcut,\n      activeClassname,\n      ...rest\n    },\n    ref\n  ) => {\n    const buttonClass = cn(\"gap-1 min-w-[2rem] px-2 w-auto\", className);\n\n    const content = (\n      <Button\n        type=\"button\"\n        activeClassname={activeClassname}\n        className={buttonClass}\n        variant={variant}\n        buttonSize={buttonSize}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </Button>\n    );\n\n    if (tooltip) {\n      return (\n        <Tooltip title={tooltip} shortcut={tooltipShortcut}>\n          {content}\n        </Tooltip>\n      );\n    }\n\n    return content;\n  }\n);\n\nToolbarButton.displayName = \"ToolbarButton\";\n\nexport const Toolbar = {\n  Wrapper: ToolbarWrapper,\n  Divider: ToolbarDivider,\n  Button: ToolbarButton,\n};\n"],"names":["forwardRef","cn","Button","Surface","Tooltip","ToolbarWrapper","shouldShowContent","children","isVertical","className","rest","ref","toolbarClassName","displayName","ToolbarDivider","horizontal","dividerClassName","div","ToolbarButton","buttonSize","variant","tooltip","tooltipShortcut","activeClassname","buttonClass","content","type","title","shortcut","Toolbar","Wrapper","Divider"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAA0CA,UAAU,QAAQ,QAAQ;AACpE,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,MAAM,QAAqB,sBAAsB;AAC1D,SAASC,OAAO,QAAQ,gBAAgB;AACxC,OAAOC,aAAa,sBAAsB;AAO1C,MAAMC,+BAAiBL,WACrB,CACE,EACEM,oBAAoB,IAAI,EACxBC,QAAQ,EACRC,aAAa,KAAK,EAClBC,SAAS,EACT,GAAGC,MACJ,EACDC;IAEA,MAAMC,mBAAmBX,GACvB,sDACAO,aAAa,iBAAiB,6BAC9BC;IAGF,OACEH,mCACE,KAACH;QAAQM,WAAWG;QAAmB,GAAGF,IAAI;QAAEC,KAAKA;kBAClDJ;;AAIT;AAGFF,eAAeQ,WAAW,GAAG;AAM7B,MAAMC,+BAAiBd,WACrB,CAAC,EAAEe,UAAU,EAAEN,SAAS,EAAE,GAAGC,MAAM,EAAEC;IACnC,MAAMK,mBAAmBf,GACvB,sCACAc,aACI,4DACA,2DACJN;IAGF,qBAAO,KAACQ;QAAIR,WAAWO;QAAkBL,KAAKA;QAAM,GAAGD,IAAI;;AAC7D;AAGFI,eAAeD,WAAW,GAAG;AAW7B,MAAMK,8BAAgBlB,WACpB,CACE,EACEO,QAAQ,EACRY,aAAa,MAAM,EACnBC,UAAU,OAAO,EACjBX,SAAS,EACTY,OAAO,EACPC,eAAe,EACfC,eAAe,EACf,GAAGb,MACJ,EACDC;IAEA,MAAMa,cAAcvB,GAAG,kCAAkCQ;IAEzD,MAAMgB,wBACJ,KAACvB;QACCwB,MAAK;QACLH,iBAAiBA;QACjBd,WAAWe;QACXJ,SAASA;QACTD,YAAYA;QACZR,KAAKA;QACJ,GAAGD,IAAI;kBAEPH;;IAIL,IAAIc,SAAS;QACX,qBACE,KAACjB;YAAQuB,OAAON;YAASO,UAAUN;sBAChCG;;IAGP;IAEA,OAAOA;AACT;AAGFP,cAAcL,WAAW,GAAG;AAE5B,OAAO,MAAMgB,UAAU;IACrBC,SAASzB;IACT0B,SAASjB;IACTZ,QAAQgB;AACV,EAAE"}

package/dist/fields/TiptapEditor/features/ui/Tooltip/index.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback } from "react";
+import Tippy from "@tippyjs/react";
+const isMac = typeof window !== "undefined" ? navigator.platform.toUpperCase().indexOf("MAC") >= 0 : false;
+const ShortcutKey = ({ children })=>{
+    const className = "inline-flex items-center justify-center w-5 h-5 p-1 text-[0.625rem] rounded font-semibold leading-none border border-neutral-200 text-neutral-500 border-b-2";
+    if (children === "Mod") {
+        return /*#__PURE__*/ _jsx("kbd", {
+            className: className,
+            children: isMac ? "⌘" : "Ctrl"
+        }); // ⌃
+    }
+    if (children === "Shift") {
+        return /*#__PURE__*/ _jsx("kbd", {
+            className: className,
+            children: "⇧"
+        });
+    }
+    if (children === "Alt") {
+        return /*#__PURE__*/ _jsx("kbd", {
+            className: className,
+            children: isMac ? "⌥" : "Alt"
+        });
+    }
+    return /*#__PURE__*/ _jsx("kbd", {
+        className: className,
+        children: children
+    });
+};
+export const Tooltip = ({ children, enabled = true, title, shortcut, tippyOptions = {} })=>{
+    const renderTooltip = useCallback((attrs)=>/*#__PURE__*/ _jsxs("span", {
+            className: "flex items-center gap-2 px-2.5 py-1 bg-white border border-neutral-100 rounded-lg shadow-sm z-[999]",
+            tabIndex: -1,
+            "data-placement": attrs["data-placement"],
+            "data-reference-hidden": attrs["data-reference-hidden"],
+            "data-escaped": attrs["data-escaped"],
+            children: [
+                title && /*#__PURE__*/ _jsx("span", {
+                    className: "text-xs font-medium text-neutral-500",
+                    children: title
+                }),
+                shortcut && /*#__PURE__*/ _jsx("span", {
+                    className: "flex items-center gap-0.5",
+                    children: shortcut.map((shortcutKey)=>/*#__PURE__*/ _jsx(ShortcutKey, {
+                            children: shortcutKey
+                        }, shortcutKey))
+                })
+            ]
+        }), [
+        shortcut,
+        title
+    ]);
+    if (enabled) {
+        return /*#__PURE__*/ _jsx(TippyReact, {
+            delay: 500,
+            offset: [
+                0,
+                8
+            ],
+            touch: false,
+            zIndex: 99999,
+            appendTo: document.body,
+            ...tippyOptions,
+            render: renderTooltip,
+            children: /*#__PURE__*/ _jsx("span", {
+                children: children
+            })
+        });
+    }
+    return /*#__PURE__*/ _jsx(_Fragment, {
+        children: children
+    });
+};
+const TippyReact = Tippy;
+export default Tooltip;
+
+//# sourceMappingURL=index.js.map

package/dist/fields/TiptapEditor/features/ui/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/Tooltip/index.tsx"],"sourcesContent":["import { FC, ReactNode, useCallback } from \"react\";\n\nimport { TippyProps, TooltipProps } from \"./types.js\";\nimport Tippy from \"@tippyjs/react\";\n\nconst isMac =\n  typeof window !== \"undefined\"\n    ? navigator.platform.toUpperCase().indexOf(\"MAC\") >= 0\n    : false;\n\nconst ShortcutKey = ({ children }: { children: string }): ReactNode => {\n  const className =\n    \"inline-flex items-center justify-center w-5 h-5 p-1 text-[0.625rem] rounded font-semibold leading-none border border-neutral-200 text-neutral-500 border-b-2\";\n\n  if (children === \"Mod\") {\n    return <kbd className={className}>{isMac ? \"⌘\" : \"Ctrl\"}</kbd>; // ⌃\n  }\n\n  if (children === \"Shift\") {\n    return <kbd className={className}>⇧</kbd>;\n  }\n\n  if (children === \"Alt\") {\n    return <kbd className={className}>{isMac ? \"⌥\" : \"Alt\"}</kbd>;\n  }\n\n  return <kbd className={className}>{children}</kbd>;\n};\n\nexport const Tooltip = ({\n  children,\n  enabled = true,\n  title,\n  shortcut,\n  tippyOptions = {},\n}: TooltipProps): ReactNode => {\n  const renderTooltip = useCallback(\n    (attrs: TippyProps) => (\n      <span\n        className=\"flex items-center gap-2 px-2.5 py-1 bg-white border border-neutral-100 rounded-lg shadow-sm z-[999]\"\n        tabIndex={-1}\n        data-placement={attrs[\"data-placement\"]}\n        data-reference-hidden={attrs[\"data-reference-hidden\"]}\n        data-escaped={attrs[\"data-escaped\"]}\n      >\n        {title && (\n          <span className=\"text-xs font-medium text-neutral-500\">{title}</span>\n        )}\n        {shortcut && (\n          <span className=\"flex items-center gap-0.5\">\n            {shortcut.map((shortcutKey) => (\n              <ShortcutKey key={shortcutKey}>{shortcutKey}</ShortcutKey>\n            ))}\n          </span>\n        )}\n      </span>\n    ),\n    [shortcut, title]\n  );\n\n  if (enabled) {\n    return (\n      <TippyReact\n        delay={500}\n        offset={[0, 8]}\n        touch={false}\n        zIndex={99999}\n        appendTo={document.body}\n        // eslint-disable-next-line react/jsx-props-no-spreading\n        {...tippyOptions}\n        render={renderTooltip}\n      >\n        <span>{children}</span>\n      </TippyReact>\n    );\n  }\n\n  return <>{children}</>;\n};\n\nconst TippyReact: FC<any> = Tippy as any;\nexport default Tooltip;\n"],"names":["useCallback","Tippy","isMac","window","navigator","platform","toUpperCase","indexOf","ShortcutKey","children","className","kbd","Tooltip","enabled","title","shortcut","tippyOptions","renderTooltip","attrs","span","tabIndex","data-placement","data-reference-hidden","data-escaped","map","shortcutKey","TippyReact","delay","offset","touch","zIndex","appendTo","document","body","render"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAAwBA,WAAW,QAAQ,QAAQ;AAGnD,OAAOC,WAAW,iBAAiB;AAEnC,MAAMC,QACJ,OAAOC,WAAW,cACdC,UAAUC,QAAQ,CAACC,WAAW,GAAGC,OAAO,CAAC,UAAU,IACnD;AAEN,MAAMC,cAAc,CAAC,EAAEC,QAAQ,EAAwB;IACrD,MAAMC,YACJ;IAEF,IAAID,aAAa,OAAO;QACtB,qBAAO,KAACE;YAAID,WAAWA;sBAAYR,QAAQ,MAAM;YAAe,IAAI;IACtE;IAEA,IAAIO,aAAa,SAAS;QACxB,qBAAO,KAACE;YAAID,WAAWA;sBAAW;;IACpC;IAEA,IAAID,aAAa,OAAO;QACtB,qBAAO,KAACE;YAAID,WAAWA;sBAAYR,QAAQ,MAAM;;IACnD;IAEA,qBAAO,KAACS;QAAID,WAAWA;kBAAYD;;AACrC;AAEA,OAAO,MAAMG,UAAU,CAAC,EACtBH,QAAQ,EACRI,UAAU,IAAI,EACdC,KAAK,EACLC,QAAQ,EACRC,eAAe,CAAC,CAAC,EACJ;IACb,MAAMC,gBAAgBjB,YACpB,CAACkB,sBACC,MAACC;YACCT,WAAU;YACVU,UAAU,CAAC;YACXC,kBAAgBH,KAAK,CAAC,iBAAiB;YACvCI,yBAAuBJ,KAAK,CAAC,wBAAwB;YACrDK,gBAAcL,KAAK,CAAC,eAAe;;gBAElCJ,uBACC,KAACK;oBAAKT,WAAU;8BAAwCI;;gBAEzDC,0BACC,KAACI;oBAAKT,WAAU;8BACbK,SAASS,GAAG,CAAC,CAACC,4BACb,KAACjB;sCAA+BiB;2BAAdA;;;YAM5B;QAACV;QAAUD;KAAM;IAGnB,IAAID,SAAS;QACX,qBACE,KAACa;YACCC,OAAO;YACPC,QAAQ;gBAAC;gBAAG;aAAE;YACdC,OAAO;YACPC,QAAQ;YACRC,UAAUC,SAASC,IAAI;YAEtB,GAAGjB,YAAY;YAChBkB,QAAQjB;sBAER,cAAA,KAACE;0BAAMV;;;IAGb;IAEA,qBAAO;kBAAGA;;AACZ,EAAE;AAEF,MAAMiB,aAAsBzB;AAC5B,eAAeW,QAAQ"}

package/dist/fields/TiptapEditor/features/ui/Tooltip/types.js

@@ -0,0 +1,3 @@
+import React from "react";
+
+//# sourceMappingURL=types.js.map

package/dist/fields/TiptapEditor/features/ui/Tooltip/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/Tooltip/types.ts"],"sourcesContent":["import React from \"react\";\nimport { Placement, Props } from \"tippy.js\";\n\nexport interface TooltipProps {\n  children?: string | React.ReactNode;\n  enabled?: boolean;\n  title?: string;\n  shortcut?: string[];\n  tippyOptions?: Omit<Partial<Props>, \"content\">;\n  content?: React.ReactNode;\n}\n\nexport interface TippyProps {\n  \"data-placement\": Placement;\n  \"data-reference-hidden\"?: string;\n  \"data-escaped\"?: string;\n}\n"],"names":["React"],"rangeMappings":"","mappings":"AAAA,OAAOA,WAAW,QAAQ"}

package/dist/fields/TiptapEditor/features/ui/crazy-spinner.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+const CrazySpinner = ()=>{
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex items-center justify-center gap-0.5",
+        children: [
+            /*#__PURE__*/ _jsx("div", {
+                className: "h-1.5 w-1.5 animate-bounce rounded-full bg-blue-500 [animation-delay:-0.3s]"
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "h-1.5 w-1.5 animate-bounce rounded-full bg-blue-500 [animation-delay:-0.15s]"
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "h-1.5 w-1.5 animate-bounce rounded-full bg-blue-500"
+            })
+        ]
+    });
+};
+export default CrazySpinner;
+
+//# sourceMappingURL=crazy-spinner.js.map

package/dist/fields/TiptapEditor/features/ui/crazy-spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/features/ui/crazy-spinner.tsx"],"sourcesContent":["import React from \"react\";\n\nconst CrazySpinner = () => {\n  return (\n    <div className=\"flex items-center justify-center gap-0.5\">\n      <div className=\"h-1.5 w-1.5 animate-bounce rounded-full bg-blue-500 [animation-delay:-0.3s]\"></div>\n      <div className=\"h-1.5 w-1.5 animate-bounce rounded-full bg-blue-500 [animation-delay:-0.15s]\"></div>\n      <div className=\"h-1.5 w-1.5 animate-bounce rounded-full bg-blue-500\"></div>\n    </div>\n  );\n};\n\nexport default CrazySpinner;\n"],"names":["React","CrazySpinner","div","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAE1B,MAAMC,eAAe;IACnB,qBACE,MAACC;QAAIC,WAAU;;0BACb,KAACD;gBAAIC,WAAU;;0BACf,KAACD;gBAAIC,WAAU;;0BACf,KAACD;gBAAIC,WAAU;;;;AAGrB;AAEA,eAAeF,aAAa"}

package/dist/fields/TiptapEditor/features/ui/scroll-area.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { cn } from "../../lib/utils/index.js";
+const ScrollArea = /*#__PURE__*/ React.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ _jsxs(ScrollAreaPrimitive.Root, {
+        ref: ref,
+        className: cn("relative overflow-hidden", className),
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx(ScrollAreaPrimitive.Viewport, {
+                className: "h-full w-full rounded-[inherit]",
+                children: children
+            }),
+            /*#__PURE__*/ _jsx(ScrollBar, {}),
+            /*#__PURE__*/ _jsx(ScrollAreaPrimitive.Corner, {})
+        ]
+    }));
+ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
+const ScrollBar = /*#__PURE__*/ React.forwardRef(({ className, orientation = "vertical", ...props }, ref)=>/*#__PURE__*/ _jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, {
+        ref: ref,
+        orientation: orientation,
+        className: cn("flex touch-none select-none transition-colors", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]", className),
+        ...props,
+        children: /*#__PURE__*/ _jsx(ScrollAreaPrimitive.ScrollAreaThumb, {
+            className: "relative flex-1 rounded-full bg-border"
+        })
+    }));
+ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
+export { ScrollArea, ScrollBar };
+
+//# sourceMappingURL=scroll-area.js.map

package/dist/fields/TiptapEditor/features/ui/scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/features/ui/scroll-area.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\nimport { cn } from \"../../lib/utils/index.js\";\n\nconst ScrollArea = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\n>(({ className, children, ...props }, ref) => (\n  <ScrollAreaPrimitive.Root\n    ref={ref}\n    className={cn(\"relative overflow-hidden\", className)}\n    {...props}\n  >\n    <ScrollAreaPrimitive.Viewport className=\"h-full w-full rounded-[inherit]\">\n      {children}\n    </ScrollAreaPrimitive.Viewport>\n    <ScrollBar />\n    <ScrollAreaPrimitive.Corner />\n  </ScrollAreaPrimitive.Root>\n));\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\n\nconst ScrollBar = React.forwardRef<\n  React.ElementRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\n>(({ className, orientation = \"vertical\", ...props }, ref) => (\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\n    ref={ref}\n    orientation={orientation}\n    className={cn(\n      \"flex touch-none select-none transition-colors\",\n      orientation === \"vertical\" &&\n        \"h-full w-2.5 border-l border-l-transparent p-[1px]\",\n      orientation === \"horizontal\" &&\n        \"h-2.5 flex-col border-t border-t-transparent p-[1px]\",\n      className\n    )}\n    {...props}\n  >\n    <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border\" />\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\n));\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;\n\nexport { ScrollArea, ScrollBar };\n"],"names":["React","ScrollAreaPrimitive","cn","ScrollArea","forwardRef","className","children","props","ref","Root","Viewport","ScrollBar","Corner","displayName","orientation","ScrollAreaScrollbar","ScrollAreaThumb"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,YAAYC,yBAAyB,8BAA8B;AACnE,SAASC,EAAE,QAAQ,2BAA2B;AAE9C,MAAMC,2BAAaH,MAAMI,UAAU,CAGjC,CAAC,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAO,EAAEC,oBACpC,MAACP,oBAAoBQ,IAAI;QACvBD,KAAKA;QACLH,WAAWH,GAAG,4BAA4BG;QACzC,GAAGE,KAAK;;0BAET,KAACN,oBAAoBS,QAAQ;gBAACL,WAAU;0BACrCC;;0BAEH,KAACK;0BACD,KAACV,oBAAoBW,MAAM;;;AAG/BT,WAAWU,WAAW,GAAGZ,oBAAoBQ,IAAI,CAACI,WAAW;AAE7D,MAAMF,0BAAYX,MAAMI,UAAU,CAGhC,CAAC,EAAEC,SAAS,EAAES,cAAc,UAAU,EAAE,GAAGP,OAAO,EAAEC,oBACpD,KAACP,oBAAoBc,mBAAmB;QACtCP,KAAKA;QACLM,aAAaA;QACbT,WAAWH,GACT,iDACAY,gBAAgB,cACd,sDACFA,gBAAgB,gBACd,wDACFT;QAED,GAAGE,KAAK;kBAET,cAAA,KAACN,oBAAoBe,eAAe;YAACX,WAAU;;;AAGnDM,UAAUE,WAAW,GAAGZ,oBAAoBc,mBAAmB,CAACF,WAAW;AAE3E,SAASV,UAAU,EAAEQ,SAAS,GAAG"}

package/dist/fields/TiptapEditor/hooks/useBlockEditor.js

@@ -0,0 +1,83 @@
+"use client";
+import { useMemo } from "react";
+import { useEditor } from "@tiptap/react";
+import ExtensionKit from "../extensions/extension-kit.js";
+import { useSidebar } from "./useSidebar.jsx";
+import TurndownService from "turndown";
+import { gfm } from "turndown-plugin-gfm";
+import { useTranslation } from "@payloadcms/ui/providers/Translation";
+export const useBlockEditor = ({ content, handleChange })=>{
+    const leftSidebar = useSidebar();
+    const turndownService = new TurndownService({});
+    // Use the gfm plugin
+    turndownService.use(gfm);
+    turndownService.addRule("twitter", {
+        filter: "div",
+        replacement: function(content) {
+            return "\n\n" + content + "\n\n";
+        }
+    });
+    const { t, i18n } = useTranslation();
+    const editor = useEditor({
+        content: content?.json ?? content ?? {},
+        autofocus: true,
+        onCreate: ({ editor })=>{
+        // provider?.on('synced', () => {
+        //   if (editor.isEmpty) {
+        //     editor.commands.setContent(initialContent)
+        //   }
+        // })
+        },
+        extensions: [
+            ...ExtensionKit({
+            })
+        ],
+        editorProps: {
+            attributes: {
+                languages: i18n.language,
+                autocomplete: "off",
+                autocorrect: "off",
+                autocapitalize: "off",
+                class: "min-h-full"
+            }
+        },
+        onUpdate: ({ editor })=>{
+            handleChange(editor?.getJSON() ?? {});
+        }
+    }, []);
+    const users = useMemo(()=>{
+        if (!editor?.storage.collaborationCursor?.users) {
+            return [];
+        }
+        return editor.storage.collaborationCursor?.users.map((user)=>{
+            const names = user.name?.split(" ");
+            const firstName = names?.[0];
+            const lastName = names?.[names.length - 1];
+            const initials = `${firstName?.[0] || "?"}${lastName?.[0] || "?"}`;
+            return {
+                ...user,
+                initials: initials.length ? initials : "?"
+            };
+        });
+    }, [
+        editor?.storage.collaborationCursor?.users
+    ]);
+    const characterCount = editor?.storage.characterCount || {
+        characters: ()=>0,
+        words: ()=>0
+    };
+    // useEffect(() => {
+    //   provider?.on('status', (event: { status: WebSocketStatus }) => {
+    //     setCollabState(event.status)
+    //   })
+    // }, [provider])
+    if (window) window.editor = editor;
+    return {
+        editor,
+        users,
+        characterCount,
+        leftSidebar
+    };
+};
+
+//# sourceMappingURL=useBlockEditor.js.map

package/dist/fields/TiptapEditor/hooks/useBlockEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/fields/TiptapEditor/hooks/useBlockEditor.ts"],"sourcesContent":["\"use client\";\nimport { useMemo } from \"react\";\n\nimport { Editor, useEditor } from \"@tiptap/react\";\n\nimport ExtensionKit from \"../extensions/extension-kit.js\";\nimport { EditorUser } from \"../features/BlockEditor/types.jsx\";\nimport { useSidebar } from \"./useSidebar.jsx\";\n\nimport TurndownService from \"turndown\";\nimport { gfm } from \"turndown-plugin-gfm\";\nimport { useTranslation } from \"@payloadcms/ui/providers/Translation\";\ndeclare global {\n  interface Window {\n    editor: Editor | null;\n  }\n}\n\nexport const useBlockEditor = ({\n  content,\n  handleChange,\n}: {\n  content: { html: string; json: any };\n  handleChange: (data: any) => void;\n}) => {\n  const leftSidebar = useSidebar();\n\n  const turndownService = new TurndownService({});\n  // Use the gfm plugin\n  turndownService.use(gfm);\n  turndownService.addRule(\"twitter\", {\n    filter: \"div\",\n    replacement: function (content) {\n      return \"\\n\\n\" + content + \"\\n\\n\";\n    },\n  });\n  const { t, i18n } = useTranslation();\n\n  const editor = useEditor(\n    {\n      content: content?.json ?? content ?? {},\n      autofocus: true,\n      onCreate: ({ editor }) => {\n        // provider?.on('synced', () => {\n        //   if (editor.isEmpty) {\n        //     editor.commands.setContent(initialContent)\n        //   }\n        // })\n      },\n      extensions: [\n        ...ExtensionKit({\n          // provider,\n        }),\n        // Collaboration.configure({\n        //   document: ydoc,\n        // }),\n        // CollaborationCursor.configure({\n        //   provider,\n        //   user: {\n        //     name: randomElement(userNames),\n        //     color: randomElement(userColors),\n        //   },\n        // }),\n      ],\n      editorProps: {\n        attributes: {\n          languages: i18n.language,\n          autocomplete: \"off\",\n          autocorrect: \"off\",\n          autocapitalize: \"off\",\n          class: \"min-h-full\",\n        },\n      },\n      onUpdate: ({ editor }) => {\n        handleChange(editor?.getJSON() ?? {});\n      },\n    },\n    []\n  );\n  const users = useMemo(() => {\n    if (!editor?.storage.collaborationCursor?.users) {\n      return [];\n    }\n\n    return editor.storage.collaborationCursor?.users.map((user: EditorUser) => {\n      const names = user.name?.split(\" \");\n      const firstName = names?.[0];\n      const lastName = names?.[names.length - 1];\n      const initials = `${firstName?.[0] || \"?\"}${lastName?.[0] || \"?\"}`;\n\n      return { ...user, initials: initials.length ? initials : \"?\" };\n    });\n  }, [editor?.storage.collaborationCursor?.users]);\n\n  const characterCount = editor?.storage.characterCount || {\n    characters: () => 0,\n    words: () => 0,\n  };\n\n  // useEffect(() => {\n  //   provider?.on('status', (event: { status: WebSocketStatus }) => {\n  //     setCollabState(event.status)\n  //   })\n  // }, [provider])\n\n  if (window) window.editor = editor;\n\n  return { editor, users, characterCount, leftSidebar };\n};\n"],"names":["useMemo","useEditor","ExtensionKit","useSidebar","TurndownService","gfm","useTranslation","useBlockEditor","content","handleChange","leftSidebar","turndownService","use","addRule","filter","replacement","t","i18n","editor","json","autofocus","onCreate","extensions","editorProps","attributes","languages","language","autocomplete","autocorrect","autocapitalize","class","onUpdate","getJSON","users","storage","collaborationCursor","map","user","names","name","split","firstName","lastName","length","initials","characterCount","characters","words","window"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,OAAO,QAAQ,QAAQ;AAEhC,SAAiBC,SAAS,QAAQ,gBAAgB;AAElD,OAAOC,kBAAkB,iCAAiC;AAE1D,SAASC,UAAU,QAAQ,mBAAmB;AAE9C,OAAOC,qBAAqB,WAAW;AACvC,SAASC,GAAG,QAAQ,sBAAsB;AAC1C,SAASC,cAAc,QAAQ,uCAAuC;AAOtE,OAAO,MAAMC,iBAAiB,CAAC,EAC7BC,OAAO,EACPC,YAAY,EAIb;IACC,MAAMC,cAAcP;IAEpB,MAAMQ,kBAAkB,IAAIP,gBAAgB,CAAC;IAC7C,qBAAqB;IACrBO,gBAAgBC,GAAG,CAACP;IACpBM,gBAAgBE,OAAO,CAAC,WAAW;QACjCC,QAAQ;QACRC,aAAa,SAAUP,OAAO;YAC5B,OAAO,SAASA,UAAU;QAC5B;IACF;IACA,MAAM,EAAEQ,CAAC,EAAEC,IAAI,EAAE,GAAGX;IAEpB,MAAMY,SAASjB,UACb;QACEO,SAASA,SAASW,QAAQX,WAAW,CAAC;QACtCY,WAAW;QACXC,UAAU,CAAC,EAAEH,MAAM,EAAE;QACnB,iCAAiC;QACjC,0BAA0B;QAC1B,iDAAiD;QACjD,MAAM;QACN,KAAK;QACP;QACAI,YAAY;eACPpB,aAAa;YAEhB;SAWD;QACDqB,aAAa;YACXC,YAAY;gBACVC,WAAWR,KAAKS,QAAQ;gBACxBC,cAAc;gBACdC,aAAa;gBACbC,gBAAgB;gBAChBC,OAAO;YACT;QACF;QACAC,UAAU,CAAC,EAAEb,MAAM,EAAE;YACnBT,aAAaS,QAAQc,aAAa,CAAC;QACrC;IACF,GACA,EAAE;IAEJ,MAAMC,QAAQjC,QAAQ;QACpB,IAAI,CAACkB,QAAQgB,QAAQC,qBAAqBF,OAAO;YAC/C,OAAO,EAAE;QACX;QAEA,OAAOf,OAAOgB,OAAO,CAACC,mBAAmB,EAAEF,MAAMG,IAAI,CAACC;YACpD,MAAMC,QAAQD,KAAKE,IAAI,EAAEC,MAAM;YAC/B,MAAMC,YAAYH,OAAO,CAAC,EAAE;YAC5B,MAAMI,WAAWJ,OAAO,CAACA,MAAMK,MAAM,GAAG,EAAE;YAC1C,MAAMC,WAAW,CAAC,EAAEH,WAAW,CAAC,EAAE,IAAI,IAAI,EAAEC,UAAU,CAAC,EAAE,IAAI,IAAI,CAAC;YAElE,OAAO;gBAAE,GAAGL,IAAI;gBAAEO,UAAUA,SAASD,MAAM,GAAGC,WAAW;YAAI;QAC/D;IACF,GAAG;QAAC1B,QAAQgB,QAAQC,qBAAqBF;KAAM;IAE/C,MAAMY,iBAAiB3B,QAAQgB,QAAQW,kBAAkB;QACvDC,YAAY,IAAM;QAClBC,OAAO,IAAM;IACf;IAEA,oBAAoB;IACpB,qEAAqE;IACrE,mCAAmC;IACnC,OAAO;IACP,iBAAiB;IAEjB,IAAIC,QAAQA,OAAO9B,MAAM,GAAGA;IAE5B,OAAO;QAAEA;QAAQe;QAAOY;QAAgBnC;IAAY;AACtD,EAAE"}

package/dist/fields/TiptapEditor/hooks/useSidebar.js

@@ -0,0 +1,21 @@
+import { useCallback, useState } from 'react';
+export const useSidebar = ()=>{
+    const [isOpen, setIsOpen] = useState(false);
+    const open = useCallback(()=>{
+        setIsOpen(true);
+    }, []);
+    const close = useCallback(()=>{
+        setIsOpen(false);
+    }, []);
+    const toggle = useCallback(()=>{
+        setIsOpen((prev)=>!prev);
+    }, []);
+    return {
+        isOpen,
+        open,
+        close,
+        toggle
+    };
+};
+
+//# sourceMappingURL=useSidebar.js.map

package/dist/fields/TiptapEditor/hooks/useSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/fields/TiptapEditor/hooks/useSidebar.tsx"],"sourcesContent":["import { useCallback, useState } from 'react'\n\nexport type SidebarState = {\n  isOpen: boolean\n  open: () => void\n  close: () => void\n  toggle: () => void\n}\n\nexport const useSidebar = (): SidebarState => {\n  const [isOpen, setIsOpen] = useState(false)\n\n  const open = useCallback(() => {\n    setIsOpen(true)\n  }, [])\n\n  const close = useCallback(() => {\n    setIsOpen(false)\n  }, [])\n\n  const toggle = useCallback(() => {\n    setIsOpen(prev => !prev)\n  }, [])\n\n  return {\n    isOpen,\n    open,\n    close,\n    toggle,\n  }\n}\n"],"names":["useCallback","useState","useSidebar","isOpen","setIsOpen","open","close","toggle","prev"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,WAAW,EAAEC,QAAQ,QAAQ,QAAO;AAS7C,OAAO,MAAMC,aAAa;IACxB,MAAM,CAACC,QAAQC,UAAU,GAAGH,SAAS;IAErC,MAAMI,OAAOL,YAAY;QACvBI,UAAU;IACZ,GAAG,EAAE;IAEL,MAAME,QAAQN,YAAY;QACxBI,UAAU;IACZ,GAAG,EAAE;IAEL,MAAMG,SAASP,YAAY;QACzBI,UAAUI,CAAAA,OAAQ,CAACA;IACrB,GAAG,EAAE;IAEL,OAAO;QACLL;QACAE;QACAC;QACAC;IACF;AACF,EAAC"}

package/dist/fields/TiptapEditor/index.js

@@ -0,0 +1,20 @@
+import deepMerge from "./lib/utils/deepMerge.js";
+import { EditorComponent } from "./Components.jsx";
+export const TipTapEditor = (overrides)=>{
+    const editorField = deepMerge({
+        name: "editor",
+        type: "json",
+        defaultValue: {},
+        admin: {
+            components: {
+                Field: EditorComponent
+            }
+        }
+    }, overrides);
+    const fields = [
+        editorField
+    ];
+    return fields;
+};
+
+//# sourceMappingURL=index.js.map

package/dist/fields/TiptapEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/fields/TiptapEditor/index.tsx"],"sourcesContent":["import deepMerge from \"./lib/utils/deepMerge.js\";\nimport { PartialRequired } from \"./lib/utils/partialRequired.js\";\nimport { EditorComponent } from \"./Components.jsx\";\nimport { Field, JSONField } from \"payload\";\n\ntype TextEditor = (\n  /**\n   * Field overrides\n   */\n  overrides: PartialRequired<JSONField, \"name\">\n) => Field[];\n\nexport const TipTapEditor: TextEditor = (overrides) => {\n  const editorField = deepMerge<JSONField, Partial<JSONField>>(\n    {\n      name: \"editor\",\n      type: \"json\",\n      defaultValue: {},\n      admin: {\n        components: {\n          Field: EditorComponent,\n        },\n      },\n    },\n    overrides\n  );\n\n  const fields = [editorField];\n\n  return fields;\n};\n"],"names":["deepMerge","EditorComponent","TipTapEditor","overrides","editorField","name","type","defaultValue","admin","components","Field","fields"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,eAAe,2BAA2B;AAEjD,SAASC,eAAe,QAAQ,mBAAmB;AAUnD,OAAO,MAAMC,eAA2B,CAACC;IACvC,MAAMC,cAAcJ,UAClB;QACEK,MAAM;QACNC,MAAM;QACNC,cAAc,CAAC;QACfC,OAAO;YACLC,YAAY;gBACVC,OAAOT;YACT;QACF;IACF,GACAE;IAGF,MAAMQ,SAAS;QAACP;KAAY;IAE5B,OAAOO;AACT,EAAE"}

package/dist/fields/TiptapEditor/lib/api.js

@@ -0,0 +1,9 @@
+export class API {
+    static uploadImage = async ()=>{
+        await new Promise((r)=>setTimeout(r, 500));
+        return '/placeholder-image.jpg';
+    };
+}
+export default API;
+
+//# sourceMappingURL=api.js.map

package/dist/fields/TiptapEditor/lib/api.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/fields/TiptapEditor/lib/api.ts"],"sourcesContent":["export class API {\n  public static uploadImage = async () => {\n    await new Promise(r => setTimeout(r, 500))\n    return '/placeholder-image.jpg'\n  }\n}\n\nexport default API\n"],"names":["API","uploadImage","Promise","r","setTimeout"],"rangeMappings":";;;;;;","mappings":"AAAA,OAAO,MAAMA;IACX,OAAcC,cAAc;QAC1B,MAAM,IAAIC,QAAQC,CAAAA,IAAKC,WAAWD,GAAG;QACrC,OAAO;IACT,EAAC;AACH;AAEA,eAAeH,IAAG"}