payload-richtext-tiptap 0.0.1

package/dist/fields/TiptapEditor/features/panels/LinkEditorPanel/LinkEditorPanel.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from "lucide-react";
+import React, { useCallback, useMemo, useState } from "react";
+import { Button } from "../../ui/Button/Button.jsx";
+import { Icon } from "../../ui/Icon.jsx";
+import { Surface } from "../../ui/Surface.jsx";
+import { Toggle } from "../../ui/Toggle/Toggle.jsx";
+export const useLinkEditorState = ({ initialUrl, initialOpenInNewTab, onSetLink })=>{
+    const [url, setUrl] = useState(initialUrl || "");
+    const [openInNewTab, setOpenInNewTab] = useState(initialOpenInNewTab || false);
+    const onChange = useCallback((event)=>{
+        setUrl(event.target.value);
+    }, []);
+    const isValidUrl = useMemo(()=>/^(\S+):(\/\/)?\S+$/.test(url), [
+        url
+    ]);
+    const handleSubmit = useCallback((e)=>{
+        e.preventDefault();
+        if (isValidUrl) {
+            onSetLink(url, openInNewTab);
+        }
+    }, [
+        url,
+        isValidUrl,
+        openInNewTab,
+        onSetLink
+    ]);
+    return {
+        url,
+        setUrl,
+        openInNewTab,
+        setOpenInNewTab,
+        onChange,
+        handleSubmit,
+        isValidUrl
+    };
+};
+export const LinkEditorPanel = ({ onSetLink, initialOpenInNewTab, initialUrl })=>{
+    const state = useLinkEditorState({
+        onSetLink,
+        initialOpenInNewTab,
+        initialUrl
+    });
+    return /*#__PURE__*/ _jsx(Surface, {
+        className: "p-2",
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "flex items-center gap-2",
+            children: [
+                /*#__PURE__*/ _jsxs("label", {
+                    className: "flex items-center gap-2 p-2 rounded-lg bg-neutral-100 dark:bg-neutral-900 cursor-text",
+                    children: [
+                        /*#__PURE__*/ _jsx(Icon, {
+                            icon: Link,
+                            className: "flex-none text-black dark:text-white"
+                        }),
+                        /*#__PURE__*/ _jsx("input", {
+                            type: "url",
+                            className: "flex-1 bg-transparent outline-none min-w-[12rem] text-black text-sm dark:text-white",
+                            placeholder: "Enter URL",
+                            value: state.url,
+                            onChange: state.onChange
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    variant: "primary",
+                    buttonSize: "small",
+                    type: "button",
+                    onClick: (e)=>{
+                        state.handleSubmit(e);
+                    },
+                    disabled: !state.isValidUrl,
+                    children: "Set Link"
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    className: "mt-3",
+                    children: /*#__PURE__*/ _jsxs("label", {
+                        className: "flex items-center justify-start gap-2 text-sm font-semibold cursor-pointer select-none text-neutral-500 dark:text-neutral-400",
+                        children: [
+                            "Open in new tab",
+                            /*#__PURE__*/ _jsx(Toggle, {
+                                active: state.openInNewTab,
+                                onChange: state.setOpenInNewTab
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+};
+
+//# sourceMappingURL=LinkEditorPanel.js.map

package/dist/fields/TiptapEditor/features/panels/LinkEditorPanel/LinkEditorPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/panels/LinkEditorPanel/LinkEditorPanel.tsx"],"sourcesContent":["import { Link } from \"lucide-react\";\nimport React, { useCallback, useMemo, useState } from \"react\";\nimport { Button } from \"../../ui/Button/Button.jsx\";\nimport { Icon } from \"../../ui/Icon.jsx\";\nimport { Surface } from \"../../ui/Surface.jsx\";\nimport { Toggle } from \"../../ui/Toggle/Toggle.jsx\";\n\nexport type LinkEditorPanelProps = {\n  initialUrl?: string;\n  initialOpenInNewTab?: boolean;\n  onSetLink: (url: string, openInNewTab?: boolean) => void;\n};\n\nexport const useLinkEditorState = ({\n  initialUrl,\n  initialOpenInNewTab,\n  onSetLink,\n}: LinkEditorPanelProps) => {\n  const [url, setUrl] = useState(initialUrl || \"\");\n  const [openInNewTab, setOpenInNewTab] = useState(\n    initialOpenInNewTab || false\n  );\n\n  const onChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    setUrl(event.target.value);\n  }, []);\n\n  const isValidUrl = useMemo(() => /^(\\S+):(\\/\\/)?\\S+$/.test(url), [url]);\n\n  const handleSubmit = useCallback(\n    (e: React.FormEvent) => {\n      e.preventDefault();\n      if (isValidUrl) {\n        onSetLink(url, openInNewTab);\n      }\n    },\n    [url, isValidUrl, openInNewTab, onSetLink]\n  );\n\n  return {\n    url,\n    setUrl,\n    openInNewTab,\n    setOpenInNewTab,\n    onChange,\n    handleSubmit,\n    isValidUrl,\n  };\n};\n\nexport const LinkEditorPanel = ({\n  onSetLink,\n  initialOpenInNewTab,\n  initialUrl,\n}: LinkEditorPanelProps) => {\n  const state = useLinkEditorState({\n    onSetLink,\n    initialOpenInNewTab,\n    initialUrl,\n  });\n\n  return (\n    <Surface className=\"p-2\">\n      <div className=\"flex items-center gap-2\">\n        <label className=\"flex items-center gap-2 p-2 rounded-lg bg-neutral-100 dark:bg-neutral-900 cursor-text\">\n          <Icon icon={Link} className=\"flex-none text-black dark:text-white\" />\n          <input\n            type=\"url\"\n            className=\"flex-1 bg-transparent outline-none min-w-[12rem] text-black text-sm dark:text-white\"\n            placeholder=\"Enter URL\"\n            value={state.url}\n            onChange={state.onChange}\n          />\n        </label>\n        <Button\n          variant=\"primary\"\n          buttonSize=\"small\"\n          type=\"button\"\n          onClick={(e) => {\n            state.handleSubmit(e);\n          }}\n          disabled={!state.isValidUrl}\n        >\n          Set Link\n        </Button>\n        <div className=\"mt-3\">\n          <label className=\"flex items-center justify-start gap-2 text-sm font-semibold cursor-pointer select-none text-neutral-500 dark:text-neutral-400\">\n            Open in new tab\n            <Toggle\n              active={state.openInNewTab}\n              onChange={state.setOpenInNewTab}\n            />\n          </label>\n        </div>\n      </div>\n    </Surface>\n  );\n};\n"],"names":["Link","React","useCallback","useMemo","useState","Button","Icon","Surface","Toggle","useLinkEditorState","initialUrl","initialOpenInNewTab","onSetLink","url","setUrl","openInNewTab","setOpenInNewTab","onChange","event","target","value","isValidUrl","test","handleSubmit","e","preventDefault","LinkEditorPanel","state","className","div","label","icon","input","type","placeholder","variant","buttonSize","onClick","disabled","active"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,IAAI,QAAQ,eAAe;AACpC,OAAOC,SAASC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,QAAQ;AAC9D,SAASC,MAAM,QAAQ,6BAA6B;AACpD,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,MAAM,QAAQ,6BAA6B;AAQpD,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,UAAU,EACVC,mBAAmB,EACnBC,SAAS,EACY;IACrB,MAAM,CAACC,KAAKC,OAAO,GAAGV,SAASM,cAAc;IAC7C,MAAM,CAACK,cAAcC,gBAAgB,GAAGZ,SACtCO,uBAAuB;IAGzB,MAAMM,WAAWf,YAAY,CAACgB;QAC5BJ,OAAOI,MAAMC,MAAM,CAACC,KAAK;IAC3B,GAAG,EAAE;IAEL,MAAMC,aAAalB,QAAQ,IAAM,qBAAqBmB,IAAI,CAACT,MAAM;QAACA;KAAI;IAEtE,MAAMU,eAAerB,YACnB,CAACsB;QACCA,EAAEC,cAAc;QAChB,IAAIJ,YAAY;YACdT,UAAUC,KAAKE;QACjB;IACF,GACA;QAACF;QAAKQ;QAAYN;QAAcH;KAAU;IAG5C,OAAO;QACLC;QACAC;QACAC;QACAC;QACAC;QACAM;QACAF;IACF;AACF,EAAE;AAEF,OAAO,MAAMK,kBAAkB,CAAC,EAC9Bd,SAAS,EACTD,mBAAmB,EACnBD,UAAU,EACW;IACrB,MAAMiB,QAAQlB,mBAAmB;QAC/BG;QACAD;QACAD;IACF;IAEA,qBACE,KAACH;QAAQqB,WAAU;kBACjB,cAAA,MAACC;YAAID,WAAU;;8BACb,MAACE;oBAAMF,WAAU;;sCACf,KAACtB;4BAAKyB,MAAM/B;4BAAM4B,WAAU;;sCAC5B,KAACI;4BACCC,MAAK;4BACLL,WAAU;4BACVM,aAAY;4BACZd,OAAOO,MAAMd,GAAG;4BAChBI,UAAUU,MAAMV,QAAQ;;;;8BAG5B,KAACZ;oBACC8B,SAAQ;oBACRC,YAAW;oBACXH,MAAK;oBACLI,SAAS,CAACb;wBACRG,MAAMJ,YAAY,CAACC;oBACrB;oBACAc,UAAU,CAACX,MAAMN,UAAU;8BAC5B;;8BAGD,KAACQ;oBAAID,WAAU;8BACb,cAAA,MAACE;wBAAMF,WAAU;;4BAAgI;0CAE/I,KAACpB;gCACC+B,QAAQZ,MAAMZ,YAAY;gCAC1BE,UAAUU,MAAMX,eAAe;;;;;;;;AAO7C,EAAE"}

package/dist/fields/TiptapEditor/features/panels/LinkEditorPanel/index.js

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

package/dist/fields/TiptapEditor/features/panels/LinkEditorPanel/index.js.map

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

package/dist/fields/TiptapEditor/features/panels/LinkPreviewPanel/LinkPreviewPanel.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pen, Trash2 } from "lucide-react";
+import { Icon } from "../../ui/Icon.jsx";
+import { Surface } from "../../ui/Surface.jsx";
+import { Toolbar } from "../../ui/Toolbar.jsx";
+import Tooltip from "../../ui/Tooltip/index.jsx";
+export const LinkPreviewPanel = ({ onClear, onEdit, url })=>{
+    return /*#__PURE__*/ _jsxs(Surface, {
+        className: "flex items-center gap-2 p-2",
+        children: [
+            /*#__PURE__*/ _jsx("a", {
+                href: url,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "text-sm underline break-all",
+                children: url
+            }),
+            /*#__PURE__*/ _jsx(Toolbar.Divider, {}),
+            /*#__PURE__*/ _jsx(Tooltip, {
+                title: "Edit link",
+                children: /*#__PURE__*/ _jsx(Toolbar.Button, {
+                    type: "button",
+                    onClick: onEdit,
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        icon: Pen
+                    })
+                })
+            }),
+            /*#__PURE__*/ _jsx(Tooltip, {
+                title: "Remove link",
+                children: /*#__PURE__*/ _jsx(Toolbar.Button, {
+                    type: "button",
+                    onClick: onClear,
+                    children: /*#__PURE__*/ _jsx(Icon, {
+                        icon: Trash2
+                    })
+                })
+            })
+        ]
+    });
+};
+
+//# sourceMappingURL=LinkPreviewPanel.js.map

package/dist/fields/TiptapEditor/features/panels/LinkPreviewPanel/LinkPreviewPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/panels/LinkPreviewPanel/LinkPreviewPanel.tsx"],"sourcesContent":["import { Pen, Trash2 } from \"lucide-react\";\nimport { Icon } from \"../../ui/Icon.jsx\";\nimport { Surface } from \"../../ui/Surface.jsx\";\nimport { Toolbar } from \"../../ui/Toolbar.jsx\";\nimport Tooltip from \"../../ui/Tooltip/index.jsx\";\nexport type LinkPreviewPanelProps = {\n  url: string;\n  onEdit: () => void;\n  onClear: () => void;\n};\n\nexport const LinkPreviewPanel = ({\n  onClear,\n  onEdit,\n  url,\n}: LinkPreviewPanelProps) => {\n  return (\n    <Surface className=\"flex items-center gap-2 p-2\">\n      <a\n        href={url}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"text-sm underline break-all\"\n      >\n        {url}\n      </a>\n      <Toolbar.Divider />\n      <Tooltip title=\"Edit link\">\n        <Toolbar.Button type=\"button\" onClick={onEdit}>\n          <Icon icon={Pen} />\n        </Toolbar.Button>\n      </Tooltip>\n      <Tooltip title=\"Remove link\">\n        <Toolbar.Button type=\"button\" onClick={onClear}>\n          <Icon icon={Trash2} />\n        </Toolbar.Button>\n      </Tooltip>\n    </Surface>\n  );\n};\n"],"names":["Pen","Trash2","Icon","Surface","Toolbar","Tooltip","LinkPreviewPanel","onClear","onEdit","url","className","a","href","target","rel","Divider","title","Button","type","onClick","icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,GAAG,EAAEC,MAAM,QAAQ,eAAe;AAC3C,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,OAAOC,aAAa,6BAA6B;AAOjD,OAAO,MAAMC,mBAAmB,CAAC,EAC/BC,OAAO,EACPC,MAAM,EACNC,GAAG,EACmB;IACtB,qBACE,MAACN;QAAQO,WAAU;;0BACjB,KAACC;gBACCC,MAAMH;gBACNI,QAAO;gBACPC,KAAI;gBACJJ,WAAU;0BAETD;;0BAEH,KAACL,QAAQW,OAAO;0BAChB,KAACV;gBAAQW,OAAM;0BACb,cAAA,KAACZ,QAAQa,MAAM;oBAACC,MAAK;oBAASC,SAASX;8BACrC,cAAA,KAACN;wBAAKkB,MAAMpB;;;;0BAGhB,KAACK;gBAAQW,OAAM;0BACb,cAAA,KAACZ,QAAQa,MAAM;oBAACC,MAAK;oBAASC,SAASZ;8BACrC,cAAA,KAACL;wBAAKkB,MAAMnB;;;;;;AAKtB,EAAE"}

package/dist/fields/TiptapEditor/features/panels/LinkPreviewPanel/index.js

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

package/dist/fields/TiptapEditor/features/panels/LinkPreviewPanel/index.js.map

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

package/dist/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/SocialMediaEditorPanel.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useState } from "react";
+import { Button } from "../../ui/Button/Button.jsx";
+import { Surface } from "../../ui/Surface.jsx";
+export const useLinkEditorState = ({ initialSrc, onSetLink })=>{
+    const [url, setUrl] = useState(initialSrc || "");
+    const onChange = useCallback((event)=>{
+        setUrl(event.target.value);
+    }, []);
+    // const isValidUrl = useMemo(() => /^(\S+):(\/\/)?\S+$/.test(url), [url]);
+    const handleSubmit = useCallback((e)=>{
+        e.preventDefault();
+        // if (isValidUrl) {
+        onSetLink(url);
+    // }
+    }, [
+        url,
+        onSetLink
+    ]);
+    return {
+        url,
+        setUrl,
+        onChange,
+        handleSubmit
+    };
+};
+export const SocialMediaEditorPanel = ({ onSetLink, initialOpenInNewTab, initialSrc, placeholderText, buttonText, descriptionText })=>{
+    const state = useLinkEditorState({
+        onSetLink,
+        initialOpenInNewTab,
+        initialSrc,
+        placeholderText,
+        buttonText,
+        descriptionText
+    });
+    return /*#__PURE__*/ _jsx(Surface, {
+        className: "p-2",
+        children: /*#__PURE__*/ _jsxs("div", {
+            className: "flex flex-col items-center gap-2 p-1",
+            children: [
+                /*#__PURE__*/ _jsx("label", {
+                    className: "flex items-center gap-2 p-2 rounded-lg bg-neutral-100 dark:bg-neutral-900 cursor-text w-full",
+                    children: /*#__PURE__*/ _jsx("input", {
+                        className: "flex-1 bg-transparent outline-none min-w-[276px] text-black text-sm dark:text-white",
+                        placeholder: placeholderText,
+                        value: state.url,
+                        onChange: state.onChange
+                    })
+                }),
+                /*#__PURE__*/ _jsx(Button, {
+                    variant: "primary",
+                    buttonSize: "medium",
+                    className: "w-full m-2",
+                    type: "button",
+                    onClick: (e)=>{
+                        state.handleSubmit(e);
+                    },
+                    children: buttonText
+                }),
+                /*#__PURE__*/ _jsx("span", {
+                    className: "mt-1 mb-0 text-sm",
+                    children: descriptionText
+                })
+            ]
+        })
+    });
+};
+
+//# sourceMappingURL=SocialMediaEditorPanel.js.map

package/dist/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/SocialMediaEditorPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/SocialMediaEditorPanel.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Button } from \"../../ui/Button/Button.jsx\";\nimport { Surface } from \"../../ui/Surface.jsx\";\n\nexport type SocialMediaEditorPanelProps = {\n  initialSrc?: string;\n  initialOpenInNewTab?: boolean;\n  onSetLink: (src: string) => void;\n  placeholderText: string;\n  buttonText: string;\n  descriptionText: string;\n};\n\nexport const useLinkEditorState = ({\n  initialSrc,\n  onSetLink,\n}: SocialMediaEditorPanelProps) => {\n  const [url, setUrl] = useState(initialSrc || \"\");\n\n  const onChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    setUrl(event.target.value);\n  }, []);\n\n  // const isValidUrl = useMemo(() => /^(\\S+):(\\/\\/)?\\S+$/.test(url), [url]);\n\n  const handleSubmit = useCallback(\n    (e: React.FormEvent) => {\n      e.preventDefault();\n      // if (isValidUrl) {\n      onSetLink(url);\n      // }\n    },\n    [url, onSetLink]\n  );\n\n  return {\n    url,\n    setUrl,\n    onChange,\n    handleSubmit,\n  };\n};\n\nexport const SocialMediaEditorPanel = ({\n  onSetLink,\n  initialOpenInNewTab,\n  initialSrc,\n  placeholderText,\n  buttonText,\n  descriptionText,\n}: SocialMediaEditorPanelProps) => {\n  const state = useLinkEditorState({\n    onSetLink,\n    initialOpenInNewTab,\n    initialSrc,\n    placeholderText,\n    buttonText,\n    descriptionText,\n  });\n\n  return (\n    <Surface className=\"p-2\">\n      <div className=\"flex flex-col items-center gap-2 p-1\">\n        <label className=\"flex items-center gap-2 p-2 rounded-lg bg-neutral-100 dark:bg-neutral-900 cursor-text w-full\">\n          {/* <Icon icon={Link} className=\"flex-none text-black dark:text-white\" /> */}\n          <input\n            className=\"flex-1 bg-transparent outline-none min-w-[276px] text-black text-sm dark:text-white\"\n            placeholder={placeholderText}\n            value={state.url}\n            onChange={state.onChange}\n          />\n        </label>\n        <Button\n          variant=\"primary\"\n          buttonSize=\"medium\"\n          className=\"w-full m-2\"\n          type=\"button\"\n          onClick={(e) => {\n            state.handleSubmit(e);\n          }}\n          // disabled={!state.isValidUrl}\n        >\n          {buttonText}\n        </Button>\n        <span className=\"mt-1 mb-0 text-sm\">{descriptionText}</span>\n      </div>\n    </Surface>\n  );\n};\n"],"names":["React","useCallback","useState","Button","Surface","useLinkEditorState","initialSrc","onSetLink","url","setUrl","onChange","event","target","value","handleSubmit","e","preventDefault","SocialMediaEditorPanel","initialOpenInNewTab","placeholderText","buttonText","descriptionText","state","className","div","label","input","placeholder","variant","buttonSize","type","onClick","span"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AACrD,SAASC,MAAM,QAAQ,6BAA6B;AACpD,SAASC,OAAO,QAAQ,uBAAuB;AAW/C,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,UAAU,EACVC,SAAS,EACmB;IAC5B,MAAM,CAACC,KAAKC,OAAO,GAAGP,SAASI,cAAc;IAE7C,MAAMI,WAAWT,YAAY,CAACU;QAC5BF,OAAOE,MAAMC,MAAM,CAACC,KAAK;IAC3B,GAAG,EAAE;IAEL,2EAA2E;IAE3E,MAAMC,eAAeb,YACnB,CAACc;QACCA,EAAEC,cAAc;QAChB,oBAAoB;QACpBT,UAAUC;IACV,IAAI;IACN,GACA;QAACA;QAAKD;KAAU;IAGlB,OAAO;QACLC;QACAC;QACAC;QACAI;IACF;AACF,EAAE;AAEF,OAAO,MAAMG,yBAAyB,CAAC,EACrCV,SAAS,EACTW,mBAAmB,EACnBZ,UAAU,EACVa,eAAe,EACfC,UAAU,EACVC,eAAe,EACa;IAC5B,MAAMC,QAAQjB,mBAAmB;QAC/BE;QACAW;QACAZ;QACAa;QACAC;QACAC;IACF;IAEA,qBACE,KAACjB;QAAQmB,WAAU;kBACjB,cAAA,MAACC;YAAID,WAAU;;8BACb,KAACE;oBAAMF,WAAU;8BAEf,cAAA,KAACG;wBACCH,WAAU;wBACVI,aAAaR;wBACbN,OAAOS,MAAMd,GAAG;wBAChBE,UAAUY,MAAMZ,QAAQ;;;8BAG5B,KAACP;oBACCyB,SAAQ;oBACRC,YAAW;oBACXN,WAAU;oBACVO,MAAK;oBACLC,SAAS,CAAChB;wBACRO,MAAMR,YAAY,CAACC;oBACrB;8BAGCK;;8BAEH,KAACY;oBAAKT,WAAU;8BAAqBF;;;;;AAI7C,EAAE"}

package/dist/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/index.js

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

package/dist/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/index.js.map

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

package/dist/fields/TiptapEditor/features/panels/index.js

@@ -0,0 +1,5 @@
+export * from "./Colorpicker/index.jsx";
+export * from "./LinkEditorPanel/index.jsx";
+export * from "./LinkPreviewPanel/index.jsx";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/features/panels/index.tsx"],"sourcesContent":["export * from \"./Colorpicker/index.jsx\";\nexport * from \"./LinkEditorPanel/index.jsx\";\nexport * from \"./LinkPreviewPanel/index.jsx\";\n"],"names":[],"rangeMappings":";;","mappings":"AAAA,cAAc,0BAA0B;AACxC,cAAc,8BAA8B;AAC5C,cAAc,+BAA+B"}

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { cn } from "../../../lib/utils/index.js";
+export const Button = /*#__PURE__*/ React.forwardRef(({ active, buttonSize = "medium", children, disabled, variant = "primary", className, activeClassname, ...rest }, ref)=>{
+    const buttonClassName = cn("flex group items-center justify-center border border-transparent gap-2 text-base font-semibold rounded-md disabled:opacity-50 whitespace-nowrap", variant === "primary" && cn("text-white bg-black border-black dark:text-black dark:bg-white dark:border-white", !disabled && !active && "hover:bg-neutral-800 active:bg-neutral-900 dark:hover:bg-neutral-200 dark:active:bg-neutral-300", active && cn("bg-neutral-900 dark:bg-neutral-300", activeClassname)), variant === "secondary" && cn("text-neutral-900 dark:text-white", !disabled && !active && "hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-900 dark:active:bg-neutral-800", active && "bg-neutral-200 dark:bg-neutral-800"), variant === "tertiary" && cn("bg-neutral-50 text-neutral-900 dark:bg-neutral-900 dark:text-white dark:border-neutral-900", !disabled && !active && "hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-800 dark:active:bg-neutral-700", active && cn("bg-neutral-200 dark:bg-neutral-800", activeClassname)), variant === "ghost" && cn("bg-transparent border-transparent text-neutral-500 dark:text-neutral-400", !disabled && !active && "hover:bg-black/5 hover:text-neutral-700 active:bg-black/10 active:text-neutral-800 dark:hover:bg-white/10 dark:hover:text-neutral-300 dark:active:text-neutral-200", active && cn("bg-black/10 text-neutral-800 dark:bg-white/20 dark:text-neutral-200", activeClassname)), buttonSize === "medium" && "py-2 px-3", buttonSize === "small" && "py-1 px-2", buttonSize === "icon" && "w-8 h-8", buttonSize === "iconSmall" && "w-6 h-6", className);
+    return /*#__PURE__*/ _jsx("button", {
+        type: "button",
+        ref: ref,
+        disabled: disabled,
+        className: buttonClassName,
+        ...rest,
+        children: children
+    });
+});
+Button.displayName = "Button";
+
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/Button/Button.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\n\nexport type ButtonVariant =\n  | \"primary\"\n  | \"secondary\"\n  | \"tertiary\"\n  | \"quaternary\"\n  | \"ghost\";\nexport type ButtonSize = \"medium\" | \"small\" | \"icon\" | \"iconSmall\";\n\nexport type ButtonProps = {\n  variant?: ButtonVariant;\n  active?: boolean;\n  activeClassname?: string;\n  buttonSize?: ButtonSize;\n} & React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      active,\n      buttonSize = \"medium\",\n      children,\n      disabled,\n      variant = \"primary\",\n      className,\n      activeClassname,\n      ...rest\n    },\n    ref\n  ) => {\n    const buttonClassName = cn(\n      \"flex group items-center justify-center border border-transparent gap-2 text-base font-semibold rounded-md disabled:opacity-50 whitespace-nowrap\",\n\n      variant === \"primary\" &&\n        cn(\n          \"text-white bg-black border-black dark:text-black dark:bg-white dark:border-white\",\n          !disabled &&\n            !active &&\n            \"hover:bg-neutral-800 active:bg-neutral-900 dark:hover:bg-neutral-200 dark:active:bg-neutral-300\",\n          active && cn(\"bg-neutral-900 dark:bg-neutral-300\", activeClassname)\n        ),\n\n      variant === \"secondary\" &&\n        cn(\n          \"text-neutral-900 dark:text-white\",\n          !disabled &&\n            !active &&\n            \"hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-900 dark:active:bg-neutral-800\",\n          active && \"bg-neutral-200 dark:bg-neutral-800\"\n        ),\n\n      variant === \"tertiary\" &&\n        cn(\n          \"bg-neutral-50 text-neutral-900 dark:bg-neutral-900 dark:text-white dark:border-neutral-900\",\n          !disabled &&\n            !active &&\n            \"hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-800 dark:active:bg-neutral-700\",\n          active && cn(\"bg-neutral-200 dark:bg-neutral-800\", activeClassname)\n        ),\n\n      variant === \"ghost\" &&\n        cn(\n          \"bg-transparent border-transparent text-neutral-500 dark:text-neutral-400\",\n          !disabled &&\n            !active &&\n            \"hover:bg-black/5 hover:text-neutral-700 active:bg-black/10 active:text-neutral-800 dark:hover:bg-white/10 dark:hover:text-neutral-300 dark:active:text-neutral-200\",\n          active &&\n            cn(\n              \"bg-black/10 text-neutral-800 dark:bg-white/20 dark:text-neutral-200\",\n              activeClassname\n            )\n        ),\n\n      buttonSize === \"medium\" && \"py-2 px-3\",\n      buttonSize === \"small\" && \"py-1 px-2\",\n      buttonSize === \"icon\" && \"w-8 h-8\",\n      buttonSize === \"iconSmall\" && \"w-6 h-6\",\n\n      className\n    );\n\n    return (\n      <button\n        type=\"button\"\n        ref={ref}\n        disabled={disabled}\n        className={buttonClassName}\n        {...rest}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"names":["React","cn","Button","forwardRef","active","buttonSize","children","disabled","variant","className","activeClassname","rest","ref","buttonClassName","button","type","displayName"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,EAAE,QAAQ,8BAA8B;AAiBjD,OAAO,MAAMC,uBAASF,MAAMG,UAAU,CACpC,CACE,EACEC,MAAM,EACNC,aAAa,QAAQ,EACrBC,QAAQ,EACRC,QAAQ,EACRC,UAAU,SAAS,EACnBC,SAAS,EACTC,eAAe,EACf,GAAGC,MACJ,EACDC;IAEA,MAAMC,kBAAkBZ,GACtB,mJAEAO,YAAY,aACVP,GACE,oFACA,CAACM,YACC,CAACH,UACD,mGACFA,UAAUH,GAAG,sCAAsCS,mBAGvDF,YAAY,eACVP,GACE,oCACA,CAACM,YACC,CAACH,UACD,mGACFA,UAAU,uCAGdI,YAAY,cACVP,GACE,8FACA,CAACM,YACC,CAACH,UACD,mGACFA,UAAUH,GAAG,sCAAsCS,mBAGvDF,YAAY,WACVP,GACE,4EACA,CAACM,YACC,CAACH,UACD,sKACFA,UACEH,GACE,uEACAS,mBAIRL,eAAe,YAAY,aAC3BA,eAAe,WAAW,aAC1BA,eAAe,UAAU,WACzBA,eAAe,eAAe,WAE9BI;IAGF,qBACE,KAACK;QACCC,MAAK;QACLH,KAAKA;QACLL,UAAUA;QACVE,WAAWI;QACV,GAAGF,IAAI;kBAEPL;;AAGP,GACA;AAEFJ,OAAOc,WAAW,GAAG"}

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

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

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

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

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

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { cn } from "../../../lib/utils/index.js";
+export const DropdownCategoryTitle = ({ children })=>{
+    return /*#__PURE__*/ _jsx("div", {
+        className: "text-[.65rem] font-semibold mb-1 uppercase text-neutral-500 dark:text-neutral-400 px-1.5",
+        children: children
+    });
+};
+export const DropdownButton = ({ children, isActive, onClick, disabled, className })=>{
+    const buttonClass = cn("flex items-center gap-2 p-1.5 text-sm font-medium text-neutral-500 dark:text-neutral-400 text-left bg-transparent w-full rounded outline-none", !isActive && !disabled, "hover:bg-neutral-100 hover:text-neutral-800 dark:hover:bg-neutral-900 dark:hover:text-neutral-200", isActive && !disabled && "bg-neutral-100 text-neutral-800 dark:bg-neutral-900 dark:text-neutral-200", disabled && "text-neutral-400 cursor-not-allowed dark:text-neutral-600", className);
+    return /*#__PURE__*/ _jsx("button", {
+        type: "button",
+        className: buttonClass,
+        disabled: disabled,
+        onClick: onClick,
+        children: children
+    });
+};
+
+//# sourceMappingURL=Dropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\n\nexport const DropdownCategoryTitle = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  return (\n    <div className=\"text-[.65rem] font-semibold mb-1 uppercase text-neutral-500 dark:text-neutral-400 px-1.5\">\n      {children}\n    </div>\n  );\n};\n\nexport const DropdownButton = ({\n  children,\n  isActive,\n  onClick,\n  disabled,\n  className,\n}: {\n  children: React.ReactNode;\n  isActive?: boolean;\n  onClick?: () => void;\n  disabled?: boolean;\n  className?: string;\n}) => {\n  const buttonClass = cn(\n    \"flex items-center gap-2 p-1.5 text-sm font-medium text-neutral-500 dark:text-neutral-400 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    className\n  );\n\n  return (\n    <button\n      type=\"button\"\n      className={buttonClass}\n      disabled={disabled}\n      onClick={onClick}\n    >\n      {children}\n    </button>\n  );\n};\n"],"names":["React","cn","DropdownCategoryTitle","children","div","className","DropdownButton","isActive","onClick","disabled","buttonClass","button","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,EAAE,QAAQ,8BAA8B;AAEjD,OAAO,MAAMC,wBAAwB,CAAC,EACpCC,QAAQ,EAGT;IACC,qBACE,KAACC;QAAIC,WAAU;kBACZF;;AAGP,EAAE;AAEF,OAAO,MAAMG,iBAAiB,CAAC,EAC7BH,QAAQ,EACRI,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRJ,SAAS,EAOV;IACC,MAAMK,cAAcT,GAClB,iJACA,CAACM,YAAY,CAACE,UACd,qGACAF,YACE,CAACE,YACD,6EACFA,YAAY,6DACZJ;IAGF,qBACE,KAACM;QACCC,MAAK;QACLP,WAAWK;QACXD,UAAUA;QACVD,SAASA;kBAERL;;AAGP,EAAE"}

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

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

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

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

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

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { cn } from "../../lib/utils/index.js";
+export const Icon = /*#__PURE__*/ memo(({ icon, className, strokeWidth })=>{
+    const IconComponent = icon;
+    if (!IconComponent) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsx(IconComponent, {
+        className: cn("w-4 h-4", className),
+        strokeWidth: strokeWidth || 2.5
+    });
+});
+Icon.displayName = "Icon";
+
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/features/ui/Icon.tsx"],"sourcesContent":["import { LucideIcon } from \"lucide-react\";\nimport { memo } from \"react\";\nimport { cn } from \"../../lib/utils/index.js\";\n\nexport type IconProps = {\n  icon: LucideIcon;\n  // name: keyof typeof icons\n  className?: string;\n  strokeWidth?: number;\n};\n\nexport const Icon = memo(({ icon, className, strokeWidth }: IconProps) => {\n  const IconComponent = icon;\n\n  if (!IconComponent) {\n    return null;\n  }\n\n  return (\n    <IconComponent\n      className={cn(\"w-4 h-4\", className)}\n      strokeWidth={strokeWidth || 2.5}\n    />\n  );\n});\n\nIcon.displayName = \"Icon\";\n"],"names":["memo","cn","Icon","icon","className","strokeWidth","IconComponent","displayName"],"rangeMappings":";;;;;;;;;;;;;","mappings":";AACA,SAASA,IAAI,QAAQ,QAAQ;AAC7B,SAASC,EAAE,QAAQ,2BAA2B;AAS9C,OAAO,MAAMC,qBAAOF,KAAK,CAAC,EAAEG,IAAI,EAAEC,SAAS,EAAEC,WAAW,EAAa;IACnE,MAAMC,gBAAgBH;IAEtB,IAAI,CAACG,eAAe;QAClB,OAAO;IACT;IAEA,qBACE,KAACA;QACCF,WAAWH,GAAG,WAAWG;QACzBC,aAAaA,eAAe;;AAGlC,GAAG;AAEHH,KAAKK,WAAW,GAAG"}

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

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import { createPortal } from "react-dom";
+const LoadingWrapper = ({ label })=>{
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "flex flex-col items-center justify-center gap-2 p-4 text-white bg-black rounded-lg shadow-2xl dark:text-black dark:bg-white",
+        children: [
+            /*#__PURE__*/ _jsx("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                className: "w-8 h-8 animate-spin",
+                children: /*#__PURE__*/ _jsx("path", {
+                    d: "M21 12a9 9 0 1 1-6.219-8.56"
+                })
+            }),
+            label && /*#__PURE__*/ _jsx("p", {
+                className: "text-sm font-semibold leading-tight text-white dark:text-black",
+                children: label
+            })
+        ]
+    });
+};
+export const Loader = ({ hasOverlay = true, label })=>{
+    return hasOverlay ? /*#__PURE__*/ createPortal(/*#__PURE__*/ _jsx("div", {
+        className: "items-center justify-center bg-black/60 flex h-full w-full fixed top-0 left-0 select-none z-[9999]",
+        children: /*#__PURE__*/ _jsx(LoadingWrapper, {
+            label: label
+        })
+    }), document.body) : /*#__PURE__*/ _jsx(LoadingWrapper, {
+        label: label
+    });
+};
+export default Loader;
+
+//# sourceMappingURL=Loader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/Loader/Loader.tsx"],"sourcesContent":["import React from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { LoaderProps, LoadingWrapperProps } from \"./types.js\";\n\nconst LoadingWrapper = ({ label }: LoadingWrapperProps) => {\n  return (\n    <div className=\"flex flex-col items-center justify-center gap-2 p-4 text-white bg-black rounded-lg shadow-2xl dark:text-black dark:bg-white\">\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        className=\"w-8 h-8 animate-spin\"\n      >\n        <path d=\"M21 12a9 9 0 1 1-6.219-8.56\" />\n      </svg>\n      {label && (\n        <p className=\"text-sm font-semibold leading-tight text-white dark:text-black\">\n          {label}\n        </p>\n      )}\n    </div>\n  );\n};\n\nexport const Loader = ({ hasOverlay = true, label }: LoaderProps) => {\n  return hasOverlay ? (\n    createPortal(\n      <div className=\"items-center justify-center bg-black/60 flex h-full w-full fixed top-0 left-0 select-none z-[9999]\">\n        <LoadingWrapper label={label} />\n      </div>,\n      document.body\n    )\n  ) : (\n    <LoadingWrapper label={label} />\n  );\n};\n\nexport default Loader;\n"],"names":["React","createPortal","LoadingWrapper","label","div","className","svg","xmlns","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","path","d","p","Loader","hasOverlay","document","body"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,YAAY,QAAQ,YAAY;AAIzC,MAAMC,iBAAiB,CAAC,EAAEC,KAAK,EAAuB;IACpD,qBACE,MAACC;QAAIC,WAAU;;0BACb,KAACC;gBACCC,OAAM;gBACNC,SAAQ;gBACRC,MAAK;gBACLC,QAAO;gBACPC,aAAY;gBACZC,eAAc;gBACdC,gBAAe;gBACfR,WAAU;0BAEV,cAAA,KAACS;oBAAKC,GAAE;;;YAETZ,uBACC,KAACa;gBAAEX,WAAU;0BACVF;;;;AAKX;AAEA,OAAO,MAAMc,SAAS,CAAC,EAAEC,aAAa,IAAI,EAAEf,KAAK,EAAe;IAC9D,OAAOe,2BACLjB,2BACE,KAACG;QAAIC,WAAU;kBACb,cAAA,KAACH;YAAeC,OAAOA;;QAEzBgB,SAASC,IAAI,kBAGf,KAAClB;QAAeC,OAAOA;;AAE3B,EAAE;AAEF,eAAec,OAAO"}

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

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

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

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

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

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/Loader/types.ts"],"sourcesContent":["export interface LoadingWrapperProps {\n  label?: string\n}\n\nexport interface LoaderProps extends LoadingWrapperProps {\n  hasOverlay?: boolean\n}\n"],"names":[],"rangeMappings":"","mappings":"AAIA,WAEC"}

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

@@ -0,0 +1,77 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+import { forwardRef } from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { Surface } from "../Surface.jsx";
+import { cn } from "../../../lib/utils/index.js";
+export const Panel = /*#__PURE__*/ forwardRef(({ asChild, className, children, spacing, noShadow, ...rest }, ref)=>{
+    const panelClass = cn("p-2", spacing === "small" && "p-[0.2rem]", className);
+    const Comp = asChild ? Slot : "div";
+    return /*#__PURE__*/ _jsx(Comp, {
+        ref: ref,
+        ...rest,
+        children: /*#__PURE__*/ _jsx(Surface, {
+            className: panelClass,
+            withShadow: !noShadow,
+            children: children
+        })
+    });
+});
+Panel.displayName = "Panel";
+export const PanelDivider = /*#__PURE__*/ forwardRef(({ asChild, className, children, ...rest }, ref)=>{
+    const dividerClass = cn("border-b border-b-black/10 mb-2 pb-2", className);
+    const Comp = asChild ? Slot : "div";
+    return /*#__PURE__*/ _jsx(Comp, {
+        className: dividerClass,
+        ...rest,
+        ref: ref,
+        children: children
+    });
+});
+PanelDivider.displayName = "PanelDivider";
+export const PanelHeader = /*#__PURE__*/ forwardRef(({ asChild, className, children, ...rest }, ref)=>{
+    const headerClass = cn("border-b border-b-black/10 text-sm mb-2 pb-2", className);
+    const Comp = asChild ? Slot : "div";
+    return /*#__PURE__*/ _jsx(Comp, {
+        className: headerClass,
+        ...rest,
+        ref: ref,
+        children: children
+    });
+});
+PanelHeader.displayName = "PanelHeader";
+export const PanelSection = /*#__PURE__*/ forwardRef(({ asChild, className, children, ...rest }, ref)=>{
+    const sectionClass = cn("mt-4 first:mt-1", className);
+    const Comp = asChild ? Slot : "div";
+    return /*#__PURE__*/ _jsx(Comp, {
+        className: sectionClass,
+        ...rest,
+        ref: ref,
+        children: children
+    });
+});
+PanelSection.displayName = "PanelSection";
+export const PanelHeadline = /*#__PURE__*/ forwardRef(({ asChild, className, children, ...rest }, ref)=>{
+    const headlineClass = cn("text-black/80 dark:text-white/80 text-xs font-medium mb-2 ml-1.5", className);
+    const Comp = asChild ? Slot : "div";
+    return /*#__PURE__*/ _jsx(Comp, {
+        className: headlineClass,
+        ...rest,
+        ref: ref,
+        children: children
+    });
+});
+PanelHeadline.displayName = "PanelHeadline";
+export const PanelFooter = /*#__PURE__*/ forwardRef(({ asChild, className, children, ...rest }, ref)=>{
+    const footerClass = cn("border-t border-black/10 text-sm mt-2 pt-2", className);
+    const Comp = asChild ? Slot : "div";
+    return /*#__PURE__*/ _jsx(Comp, {
+        className: footerClass,
+        ...rest,
+        ref: ref,
+        children: children
+    });
+});
+PanelFooter.displayName = "PanelFooter";
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/fields/TiptapEditor/features/ui/Panel/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { forwardRef } from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { Surface } from \"../Surface.jsx\";\nimport { cn } from \"../../../lib/utils/index.js\";\n\nexport type PanelProps = {\n  spacing?: \"medium\" | \"small\";\n  noShadow?: boolean;\n  asChild?: boolean;\n} & React.HTMLAttributes<HTMLDivElement>;\n\nexport const Panel = forwardRef<HTMLDivElement, PanelProps>(\n  ({ asChild, className, children, spacing, noShadow, ...rest }, ref) => {\n    const panelClass = cn(\n      \"p-2\",\n      spacing === \"small\" && \"p-[0.2rem]\",\n      className\n    );\n\n    const Comp = asChild ? Slot : \"div\";\n\n    return (\n      <Comp ref={ref} {...rest}>\n        <Surface className={panelClass} withShadow={!noShadow}>\n          {children}\n        </Surface>\n      </Comp>\n    );\n  }\n);\n\nPanel.displayName = \"Panel\";\n\nexport const PanelDivider = forwardRef<\n  HTMLDivElement,\n  { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\n>(({ asChild, className, children, ...rest }, ref) => {\n  const dividerClass = cn(\"border-b border-b-black/10 mb-2 pb-2\", className);\n\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp className={dividerClass} {...rest} ref={ref}>\n      {children}\n    </Comp>\n  );\n});\n\nPanelDivider.displayName = \"PanelDivider\";\n\nexport const PanelHeader = forwardRef<\n  HTMLDivElement,\n  { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\n>(({ asChild, className, children, ...rest }, ref) => {\n  const headerClass = cn(\n    \"border-b border-b-black/10 text-sm mb-2 pb-2\",\n    className\n  );\n\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp className={headerClass} {...rest} ref={ref}>\n      {children}\n    </Comp>\n  );\n});\n\nPanelHeader.displayName = \"PanelHeader\";\n\nexport const PanelSection = forwardRef<\n  HTMLDivElement,\n  { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\n>(({ asChild, className, children, ...rest }, ref) => {\n  const sectionClass = cn(\"mt-4 first:mt-1\", className);\n\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp className={sectionClass} {...rest} ref={ref}>\n      {children}\n    </Comp>\n  );\n});\n\nPanelSection.displayName = \"PanelSection\";\n\nexport const PanelHeadline = forwardRef<\n  HTMLDivElement,\n  { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\n>(({ asChild, className, children, ...rest }, ref) => {\n  const headlineClass = cn(\n    \"text-black/80 dark:text-white/80 text-xs font-medium mb-2 ml-1.5\",\n    className\n  );\n\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp className={headlineClass} {...rest} ref={ref}>\n      {children}\n    </Comp>\n  );\n});\n\nPanelHeadline.displayName = \"PanelHeadline\";\n\nexport const PanelFooter = forwardRef<\n  HTMLDivElement,\n  { asChild?: boolean } & React.HTMLAttributes<HTMLDivElement>\n>(({ asChild, className, children, ...rest }, ref) => {\n  const footerClass = cn(\n    \"border-t border-black/10 text-sm mt-2 pt-2\",\n    className\n  );\n\n  const Comp = asChild ? Slot : \"div\";\n\n  return (\n    <Comp className={footerClass} {...rest} ref={ref}>\n      {children}\n    </Comp>\n  );\n});\n\nPanelFooter.displayName = \"PanelFooter\";\n"],"names":["React","forwardRef","Slot","Surface","cn","Panel","asChild","className","children","spacing","noShadow","rest","ref","panelClass","Comp","withShadow","displayName","PanelDivider","dividerClass","PanelHeader","headerClass","PanelSection","sectionClass","PanelHeadline","headlineClass","PanelFooter","footerClass"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,UAAU,QAAQ,QAAQ;AACnC,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,EAAE,QAAQ,8BAA8B;AAQjD,OAAO,MAAMC,sBAAQJ,WACnB,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGC,MAAM,EAAEC;IAC7D,MAAMC,aAAaT,GACjB,OACAK,YAAY,WAAW,cACvBF;IAGF,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKF,KAAKA;QAAM,GAAGD,IAAI;kBACtB,cAAA,KAACR;YAAQI,WAAWM;YAAYE,YAAY,CAACL;sBAC1CF;;;AAIT,GACA;AAEFH,MAAMW,WAAW,GAAG;AAEpB,OAAO,MAAMC,6BAAehB,WAG1B,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMM,eAAed,GAAG,wCAAwCG;IAEhE,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKP,WAAWW;QAAe,GAAGP,IAAI;QAAEC,KAAKA;kBAC3CJ;;AAGP,GAAG;AAEHS,aAAaD,WAAW,GAAG;AAE3B,OAAO,MAAMG,4BAAclB,WAGzB,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMQ,cAAchB,GAClB,gDACAG;IAGF,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKP,WAAWa;QAAc,GAAGT,IAAI;QAAEC,KAAKA;kBAC1CJ;;AAGP,GAAG;AAEHW,YAAYH,WAAW,GAAG;AAE1B,OAAO,MAAMK,6BAAepB,WAG1B,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMU,eAAelB,GAAG,mBAAmBG;IAE3C,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKP,WAAWe;QAAe,GAAGX,IAAI;QAAEC,KAAKA;kBAC3CJ;;AAGP,GAAG;AAEHa,aAAaL,WAAW,GAAG;AAE3B,OAAO,MAAMO,8BAAgBtB,WAG3B,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMY,gBAAgBpB,GACpB,oEACAG;IAGF,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKP,WAAWiB;QAAgB,GAAGb,IAAI;QAAEC,KAAKA;kBAC5CJ;;AAGP,GAAG;AAEHe,cAAcP,WAAW,GAAG;AAE5B,OAAO,MAAMS,4BAAcxB,WAGzB,CAAC,EAAEK,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMc,cAActB,GAClB,8CACAG;IAGF,MAAMO,OAAOR,UAAUJ,OAAO;IAE9B,qBACE,KAACY;QAAKP,WAAWmB;QAAc,GAAGf,IAAI;QAAEC,KAAKA;kBAC1CJ;;AAGP,GAAG;AAEHiB,YAAYT,WAAW,GAAG"}

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

@@ -0,0 +1,79 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as Popover from "@radix-ui/react-popover";
+import React, { forwardRef } from "react";
+import { cn } from "../../lib/utils/index.js";
+import { Surface } from "./Surface.jsx";
+import { Toolbar } from "./Toolbar.jsx";
+export const Trigger = Popover.Trigger;
+export const Portal = Popover.Portal;
+export const Menu = ({ customTrigger, trigger, triggerClassName, children, isOpen, withPortal, tooltip, onOpenChange })=>{
+    return /*#__PURE__*/ _jsxs(Popover.Root, {
+        onOpenChange: onOpenChange,
+        children: [
+            customTrigger ? /*#__PURE__*/ _jsx(Trigger, {
+                asChild: true,
+                children: trigger
+            }) : /*#__PURE__*/ _jsx(Trigger, {
+                asChild: true,
+                children: /*#__PURE__*/ _jsx(Toolbar.Button, {
+                    type: "button",
+                    className: triggerClassName,
+                    tooltip: !isOpen ? tooltip : "",
+                    children: trigger
+                })
+            }),
+            withPortal ? /*#__PURE__*/ _jsx(Popover.Portal, {
+                children: /*#__PURE__*/ _jsx(Popover.Content, {
+                    asChild: true,
+                    sideOffset: 8,
+                    children: /*#__PURE__*/ _jsx(Surface, {
+                        className: "min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]",
+                        children: children
+                    })
+                })
+            }) : /*#__PURE__*/ _jsx(Popover.Content, {
+                asChild: true,
+                sideOffset: 8,
+                children: /*#__PURE__*/ _jsx(Surface, {
+                    className: "min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]",
+                    children: children
+                })
+            })
+        ]
+    });
+};
+Menu.displayName = "Menu";
+export const Item = ({ label, close = true, icon, iconComponent, disabled, onClick, isActive })=>{
+    const className = cn("flex items-center gap-2 p-1.5 text-sm font-medium text-neutral-500 text-left bg-transparent w-full rounded  outline-none", !isActive && !disabled, "hover:bg-neutral-100 hover:text-neutral-800 dark:hover:bg-neutral-900 dark:hover:text-neutral-200", isActive && !disabled && "bg-neutral-100 text-neutral-800 dark:bg-neutral-900 dark:text-neutral-200", disabled && "text-neutral-400 cursor-not-allowed dark:text-neutral-600");
+    const IconComponent = icon ? icon : null;
+    const IconCustomComponent = iconComponent || null;
+    const ItemComponent = close ? Popover.Close : "button";
+    return /*#__PURE__*/ _jsxs(ItemComponent, {
+        className: className,
+        onClick: onClick,
+        disabled: disabled,
+        children: [
+            IconComponent && /*#__PURE__*/ _jsx(IconComponent, {
+                className: "w-4 h-4"
+            }),
+            IconCustomComponent,
+            label
+        ]
+    });
+};
+export const CategoryTitle = ({ children })=>{
+    return /*#__PURE__*/ _jsx("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",
+        children: children
+    });
+};
+export const Divider = /*#__PURE__*/ forwardRef((props, ref)=>{
+    return /*#__PURE__*/ _jsx("hr", {
+        ...props,
+        ref: ref,
+        className: "my-1 border-neutral-200 dark:border-neutral-800"
+    });
+});
+Divider.displayName = "Divider";
+
+//# sourceMappingURL=PopoverMenu.js.map