payload-richtext-tiptap 0.0.28 → 0.0.29

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

@@ -1 +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.js\";\nimport { Icon } from \"../../ui/Icon.js\";\nimport { Surface } from \"../../ui/Surface.js\";\nimport { Toggle } from \"../../ui/Toggle/Toggle.js\";\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,4BAA4B;AACnD,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,MAAM,QAAQ,4BAA4B;AAQnD,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"}
+{"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.js\";\nimport { Icon } from \"../../ui/Icon.js\";\nimport { Surface } from \"../../ui/Surface.js\";\nimport { Toggle } from \"../../ui/Toggle/Toggle.js\";\nimport { twj } from \"tw-to-css\";\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 style={twj(\"p-2\")}>\n      <div style={twj(\"flex items-center gap-2\")}>\n        <label\n          style={twj(\n            \"flex items-center gap-2 p-2 rounded-lg bg-neutral-100 dark:bg-neutral-900 cursor-text\"\n          )}\n        >\n          <Icon icon={Link} className=\"flex-none text-black dark:text-white\" />\n          <input\n            type=\"url\"\n            style={twj(\n              \"flex-1 bg-transparent outline-none min-w-[12rem] text-black text-sm dark:text-white\"\n            )}\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 style={twj(\"mt-3\")}>\n          <label\n            style={twj(\n              \"flex items-center justify-start gap-2 text-sm font-semibold cursor-pointer select-none text-neutral-500 dark:text-neutral-400\"\n            )}\n          >\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","twj","useLinkEditorState","initialUrl","initialOpenInNewTab","onSetLink","url","setUrl","openInNewTab","setOpenInNewTab","onChange","event","target","value","isValidUrl","test","handleSubmit","e","preventDefault","LinkEditorPanel","state","style","div","label","icon","className","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,4BAA4B;AACnD,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,GAAG,QAAQ,YAAY;AAQhC,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,UAAU,EACVC,mBAAmB,EACnBC,SAAS,EACY;IACrB,MAAM,CAACC,KAAKC,OAAO,GAAGX,SAASO,cAAc;IAC7C,MAAM,CAACK,cAAcC,gBAAgB,GAAGb,SACtCQ,uBAAuB;IAGzB,MAAMM,WAAWhB,YAAY,CAACiB;QAC5BJ,OAAOI,MAAMC,MAAM,CAACC,KAAK;IAC3B,GAAG,EAAE;IAEL,MAAMC,aAAanB,QAAQ,IAAM,qBAAqBoB,IAAI,CAACT,MAAM;QAACA;KAAI;IAEtE,MAAMU,eAAetB,YACnB,CAACuB;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,KAACJ;QAAQsB,OAAOpB,IAAI;kBAClB,cAAA,MAACqB;YAAID,OAAOpB,IAAI;;8BACd,MAACsB;oBACCF,OAAOpB,IACL;;sCAGF,KAACH;4BAAK0B,MAAMhC;4BAAMiC,WAAU;;sCAC5B,KAACC;4BACCC,MAAK;4BACLN,OAAOpB,IACL;4BAEF2B,aAAY;4BACZf,OAAOO,MAAMd,GAAG;4BAChBI,UAAUU,MAAMV,QAAQ;;;;8BAG5B,KAACb;oBACCgC,SAAQ;oBACRC,YAAW;oBACXH,MAAK;oBACLI,SAAS,CAACd;wBACRG,MAAMJ,YAAY,CAACC;oBACrB;oBACAe,UAAU,CAACZ,MAAMN,UAAU;8BAC5B;;8BAGD,KAACQ;oBAAID,OAAOpB,IAAI;8BACd,cAAA,MAACsB;wBACCF,OAAOpB,IACL;;4BAEH;0CAEC,KAACD;gCACCiC,QAAQb,MAAMZ,YAAY;gCAC1BE,UAAUU,MAAMX,eAAe;;;;;;;;AAO7C,EAAE"}

package/dist/src/fields/TiptapEditor/features/panels/LinkPreviewPanel/LinkPreviewPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkPreviewPanel.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/panels/LinkPreviewPanel/LinkPreviewPanel.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,qBAAqB,GAAG;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,8BAI1B,qBAAqB,gCAwBvB,CAAC"}
+{"version":3,"file":"LinkPreviewPanel.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/panels/LinkPreviewPanel/LinkPreviewPanel.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,qBAAqB,GAAG;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,8BAI1B,qBAAqB,gCAwBvB,CAAC"}

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

@@ -4,15 +4,16 @@ import { Icon } from "../../ui/Icon.js";
 import { Surface } from "../../ui/Surface.js";
 import { Toolbar } from "../../ui/Toolbar.js";
 import Tooltip from "../../ui/Tooltip/index.js";
+import { twj } from "tw-to-css";
 export const LinkPreviewPanel = ({ onClear, onEdit, url })=>{
     return /*#__PURE__*/ _jsxs(Surface, {
-        className: "flex items-center gap-2 p-2",
+        style: twj("flex items-center gap-2 p-2"),
         children: [
             /*#__PURE__*/ _jsx("a", {
                 href: url,
                 target: "_blank",
                 rel: "noopener noreferrer",
-                className: "text-sm underline break-all",
+                style: twj("text-sm underline break-all"),
                 children: url
             }),
             /*#__PURE__*/ _jsx(Toolbar.Divider, {}),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/LinkPreviewPanel/LinkPreviewPanel.tsx"],"sourcesContent":["import { Pen, Trash2 } from \"lucide-react\";\nimport { Icon } from \"../../ui/Icon.js\";\nimport { Surface } from \"../../ui/Surface.js\";\nimport { Toolbar } from \"../../ui/Toolbar.js\";\nimport Tooltip from \"../../ui/Tooltip/index.js\";\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,mBAAmB;AACxC,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,OAAOC,aAAa,4BAA4B;AAOhD,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"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/LinkPreviewPanel/LinkPreviewPanel.tsx"],"sourcesContent":["import { Pen, Trash2 } from \"lucide-react\";\nimport { Icon } from \"../../ui/Icon.js\";\nimport { Surface } from \"../../ui/Surface.js\";\nimport { Toolbar } from \"../../ui/Toolbar.js\";\nimport Tooltip from \"../../ui/Tooltip/index.js\";\nimport { twj } from \"tw-to-css\";\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 style={twj(\"flex items-center gap-2 p-2\")}>\n      <a\n        href={url}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        style={twj(\"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","twj","LinkPreviewPanel","onClear","onEdit","url","style","a","href","target","rel","Divider","title","Button","type","onClick","icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,SAASA,GAAG,EAAEC,MAAM,QAAQ,eAAe;AAC3C,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,OAAOC,aAAa,4BAA4B;AAChD,SAASC,GAAG,QAAQ,YAAY;AAOhC,OAAO,MAAMC,mBAAmB,CAAC,EAC/BC,OAAO,EACPC,MAAM,EACNC,GAAG,EACmB;IACtB,qBACE,MAACP;QAAQQ,OAAOL,IAAI;;0BAClB,KAACM;gBACCC,MAAMH;gBACNI,QAAO;gBACPC,KAAI;gBACJJ,OAAOL,IAAI;0BAEVI;;0BAEH,KAACN,QAAQY,OAAO;0BAChB,KAACX;gBAAQY,OAAM;0BACb,cAAA,KAACb,QAAQc,MAAM;oBAACC,MAAK;oBAASC,SAASX;8BACrC,cAAA,KAACP;wBAAKmB,MAAMrB;;;;0BAGhB,KAACK;gBAAQY,OAAM;0BACb,cAAA,KAACb,QAAQc,MAAM;oBAACC,MAAK;oBAASC,SAASZ;8BACrC,cAAA,KAACN;wBAAKmB,MAAMpB;;;;;;AAKtB,EAAE"}

package/dist/src/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/SocialMediaEditorPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SocialMediaEditorPanel.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/SocialMediaEditorPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,MAAM,MAAM,2BAA2B,GAAG;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,+BAG5B,2BAA2B;;;sBAGS,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;sBAOlE,KAAK,CAAC,SAAS;CAetB,CAAC;AAEF,eAAO,MAAM,sBAAsB,kGAOhC,2BAA2B,sBAsC7B,CAAC"}
+{"version":3,"file":"SocialMediaEditorPanel.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/SocialMediaEditorPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAKrD,MAAM,MAAM,2BAA2B,GAAG;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,+BAG5B,2BAA2B;;;sBAGS,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;sBAOlE,KAAK,CAAC,SAAS;CAetB,CAAC;AAEF,eAAO,MAAM,sBAAsB,kGAOhC,2BAA2B,sBA4C7B,CAAC"}

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

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useCallback, useState } from "react";
 import { Button } from "../../ui/Button/Button.js";
 import { Surface } from "../../ui/Surface.js";
+import { twj } from "tw-to-css";
 export const useLinkEditorState = ({ initialSrc, onSetLink })=>{
     const [url, setUrl] = useState(initialSrc || "");
     const onChange = useCallback((event)=>{
@@ -34,14 +35,14 @@ export const SocialMediaEditorPanel = ({ onSetLink, initialOpenInNewTab, initial
         descriptionText
     });
     return /*#__PURE__*/ _jsx(Surface, {
-        className: "p-2",
+        style: twj("p-2"),
         children: /*#__PURE__*/ _jsxs("div", {
-            className: "flex flex-col items-center gap-2 p-1",
+            style: twj("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",
+                    style: twj("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",
+                        style: twj("flex-1 bg-transparent outline-none min-w-[276px] text-black text-sm dark:text-white"),
                         placeholder: placeholderText,
                         value: state.url,
                         onChange: state.onChange
@@ -50,7 +51,7 @@ export const SocialMediaEditorPanel = ({ onSetLink, initialOpenInNewTab, initial
                 /*#__PURE__*/ _jsx(Button, {
                     variant: "primary",
                     buttonSize: "medium",
-                    className: "w-full m-2",
+                    style: twj("w-full m-2"),
                     type: "button",
                     onClick: (e)=>{
                         state.handleSubmit(e);
@@ -58,7 +59,7 @@ export const SocialMediaEditorPanel = ({ onSetLink, initialOpenInNewTab, initial
                     children: buttonText
                 }),
                 /*#__PURE__*/ _jsx("span", {
-                    className: "mt-1 mb-0 text-sm",
+                    style: twj("mt-1 mb-0 text-sm"),
                     children: descriptionText
                 })
             ]

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

@@ -1 +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.js\";\nimport { Surface } from \"../../ui/Surface.js\";\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,4BAA4B;AACnD,SAASC,OAAO,QAAQ,sBAAsB;AAW9C,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"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/panels/SocialMediaEditorPanel/SocialMediaEditorPanel.tsx"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport { Button } from \"../../ui/Button/Button.js\";\nimport { Surface } from \"../../ui/Surface.js\";\nimport { twj } from \"tw-to-css\";\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 style={twj(\"p-2\")}>\n      <div style={twj(\"flex flex-col items-center gap-2 p-1\")}>\n        <label\n          style={twj(\n            \"flex items-center gap-2 p-2 rounded-lg bg-neutral-100 dark:bg-neutral-900 cursor-text w-full\"\n          )}\n        >\n          {/* <Icon icon={Link} style={twj(\"flex-none text-black dark:text-white\")} /> */}\n          <input\n            style={twj(\n              \"flex-1 bg-transparent outline-none min-w-[276px] text-black text-sm dark:text-white\"\n            )}\n            placeholder={placeholderText}\n            value={state.url}\n            onChange={state.onChange}\n          />\n        </label>\n        <Button\n          variant=\"primary\"\n          buttonSize=\"medium\"\n          style={twj(\"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 style={twj(\"mt-1 mb-0 text-sm\")}>{descriptionText}</span>\n      </div>\n    </Surface>\n  );\n};\n"],"names":["React","useCallback","useState","Button","Surface","twj","useLinkEditorState","initialSrc","onSetLink","url","setUrl","onChange","event","target","value","handleSubmit","e","preventDefault","SocialMediaEditorPanel","initialOpenInNewTab","placeholderText","buttonText","descriptionText","state","style","div","label","input","placeholder","variant","buttonSize","type","onClick","span"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,SAASC,WAAW,EAAEC,QAAQ,QAAQ,QAAQ;AACrD,SAASC,MAAM,QAAQ,4BAA4B;AACnD,SAASC,OAAO,QAAQ,sBAAsB;AAC9C,SAASC,GAAG,QAAQ,YAAY;AAWhC,OAAO,MAAMC,qBAAqB,CAAC,EACjCC,UAAU,EACVC,SAAS,EACmB;IAC5B,MAAM,CAACC,KAAKC,OAAO,GAAGR,SAASK,cAAc;IAE7C,MAAMI,WAAWV,YAAY,CAACW;QAC5BF,OAAOE,MAAMC,MAAM,CAACC,KAAK;IAC3B,GAAG,EAAE;IAEL,2EAA2E;IAE3E,MAAMC,eAAed,YACnB,CAACe;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,KAAClB;QAAQoB,OAAOnB,IAAI;kBAClB,cAAA,MAACoB;YAAID,OAAOnB,IAAI;;8BACd,KAACqB;oBACCF,OAAOnB,IACL;8BAIF,cAAA,KAACsB;wBACCH,OAAOnB,IACL;wBAEFuB,aAAaR;wBACbN,OAAOS,MAAMd,GAAG;wBAChBE,UAAUY,MAAMZ,QAAQ;;;8BAG5B,KAACR;oBACC0B,SAAQ;oBACRC,YAAW;oBACXN,OAAOnB,IAAI;oBACX0B,MAAK;oBACLC,SAAS,CAAChB;wBACRO,MAAMR,YAAY,CAACC;oBACrB;8BAGCK;;8BAEH,KAACY;oBAAKT,OAAOnB,IAAI;8BAAuBiB;;;;;AAIhD,EAAE"}

package/dist/src/fields/TiptapEditor/features/ui/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,OAAO,CAAC;AACZ,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,WAAW,CAAC;AAEnE,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAElD,eAAO,MAAM,MAAM;cANP,aAAa;aACd,OAAO;sBACE,MAAM;iBACX,UAAU;2FAgFxB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,OAAO,CAAC;AACZ,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,WAAW,CAAC;AAEnE,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAElD,eAAO,MAAM,MAAM;cANP,aAAa;aACd,OAAO;sBACE,MAAM;iBACX,UAAU;2FAgFxB,CAAC"}

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

@@ -1,13 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { cn } from "../../../lib/utils/index.js";
+import { twj } from "tw-to-css";
 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,
+        style: twj(buttonClassName),
         ...rest,
         children: children
     });

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

@@ -1 +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"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Button/Button.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\nimport { twj } from \"tw-to-css\";\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        style={twj(buttonClassName)}\n        {...rest}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"names":["React","cn","twj","Button","forwardRef","active","buttonSize","children","disabled","variant","className","activeClassname","rest","ref","buttonClassName","button","type","style","displayName"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,GAAG,QAAQ,YAAY;AAiBhC,OAAO,MAAMC,uBAASH,MAAMI,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,kBAAkBb,GACtB,mJAEAQ,YAAY,aACVR,GACE,oFACA,CAACO,YACC,CAACH,UACD,mGACFA,UAAUJ,GAAG,sCAAsCU,mBAGvDF,YAAY,eACVR,GACE,oCACA,CAACO,YACC,CAACH,UACD,mGACFA,UAAU,uCAGdI,YAAY,cACVR,GACE,8FACA,CAACO,YACC,CAACH,UACD,mGACFA,UAAUJ,GAAG,sCAAsCU,mBAGvDF,YAAY,WACVR,GACE,4EACA,CAACO,YACC,CAACH,UACD,sKACFA,UACEJ,GACE,uEACAU,mBAIRL,eAAe,YAAY,aAC3BA,eAAe,WAAW,aAC1BA,eAAe,UAAU,WACzBA,eAAe,eAAe,WAE9BI;IAGF,qBACE,KAACK;QACCC,MAAK;QACLH,KAAKA;QACLL,UAAUA;QACVS,OAAOf,IAAIY;QACV,GAAGF,IAAI;kBAEPL;;AAGP,GACA;AAEFJ,OAAOe,WAAW,GAAG"}

package/dist/src/fields/TiptapEditor/features/ui/Dropdown/Dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,qBAAqB,kBAE/B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,sBAMA,CAAC;AAEF,eAAO,MAAM,cAAc,0DAMxB;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,sBAsBA,CAAC"}
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,qBAAqB,kBAE/B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,sBAUA,CAAC;AAEF,eAAO,MAAM,cAAc,0DAMxB;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,sBAsBA,CAAC"}

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

@@ -1,9 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { cn } from "../../../lib/utils/index.js";
+import { twj } from "tw-to-css";
 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",
+        style: twj("text-[.65rem] font-semibold mb-1 uppercase text-neutral-500 dark:text-neutral-400 px-1.5"),
         children: children
     });
 };
@@ -11,7 +12,7 @@ export const DropdownButton = ({ children, isActive, onClick, disabled, classNam
     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,
+        style: twj(buttonClass),
         disabled: disabled,
         onClick: onClick,
         children: children

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

@@ -1 +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"}
+{"version":3,"sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../../../lib/utils/index.js\";\nimport { twj } from \"tw-to-css\";\n\nexport const DropdownCategoryTitle = ({\n  children,\n}: {\n  children: React.ReactNode;\n}) => {\n  return (\n    <div\n      style={twj(\n        \"text-[.65rem] font-semibold mb-1 uppercase text-neutral-500 dark:text-neutral-400 px-1.5\"\n      )}\n    >\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      style={twj(buttonClass)}\n      disabled={disabled}\n      onClick={onClick}\n    >\n      {children}\n    </button>\n  );\n};\n"],"names":["React","cn","twj","DropdownCategoryTitle","children","div","style","DropdownButton","isActive","onClick","disabled","className","buttonClass","button","type"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,GAAG,QAAQ,YAAY;AAEhC,OAAO,MAAMC,wBAAwB,CAAC,EACpCC,QAAQ,EAGT;IACC,qBACE,KAACC;QACCC,OAAOJ,IACL;kBAGDE;;AAGP,EAAE;AAEF,OAAO,MAAMG,iBAAiB,CAAC,EAC7BH,QAAQ,EACRI,QAAQ,EACRC,OAAO,EACPC,QAAQ,EACRC,SAAS,EAOV;IACC,MAAMC,cAAcX,GAClB,iJACA,CAACO,YAAY,CAACE,UACd,qGACAF,YACE,CAACE,YACD,6EACFA,YAAY,6DACZC;IAGF,qBACE,KAACE;QACCC,MAAK;QACLR,OAAOJ,IAAIU;QACXF,UAAUA;QACVD,SAASA;kBAERL;;AAGP,EAAE"}

package/dist/src/fields/TiptapEditor/features/ui/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/ui/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAI1C,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,UAAU,CAAC;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,IAAI,yEAA2C,SAAS,iCAanE,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/ui/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAK1C,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,UAAU,CAAC;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,IAAI,yEAA2C,SAAS,iCAanE,CAAC"}

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

@@ -1,13 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { memo } from "react";
 import { cn } from "../../lib/utils/index.js";
+import { twj } from "tw-to-css";
 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),
+        style: twj(cn("w-4 h-4", className)),
         strokeWidth: strokeWidth || 2.5
     });
 });

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

@@ -1 +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"}
+{"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\";\nimport { twj } from \"tw-to-css\";\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      style={twj(cn(\"w-4 h-4\", className))}\n      strokeWidth={strokeWidth || 2.5}\n    />\n  );\n});\n\nIcon.displayName = \"Icon\";\n"],"names":["memo","cn","twj","Icon","icon","className","strokeWidth","IconComponent","style","displayName"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";AACA,SAASA,IAAI,QAAQ,QAAQ;AAC7B,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,GAAG,QAAQ,YAAY;AAShC,OAAO,MAAMC,qBAAOH,KAAK,CAAC,EAAEI,IAAI,EAAEC,SAAS,EAAEC,WAAW,EAAa;IACnE,MAAMC,gBAAgBH;IAEtB,IAAI,CAACG,eAAe;QAClB,OAAO;IACT;IAEA,qBACE,KAACA;QACCC,OAAON,IAAID,GAAG,WAAWI;QACzBC,aAAaA,eAAe;;AAGlC,GAAG;AAEHH,KAAKM,WAAW,GAAG"}

package/dist/src/fields/TiptapEditor/features/ui/Loader/Loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAuB,MAAM,YAAY,CAAC;AA0B9D,eAAO,MAAM,MAAM,0BAAkC,WAAW,sBAW/D,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAuB,MAAM,YAAY,CAAC;AAmC9D,eAAO,MAAM,MAAM,0BAAkC,WAAW,sBAe/D,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { createPortal } from "react-dom";
+import { twj } from "tw-to-css";
 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",
+        style: twj("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",
@@ -13,13 +14,13 @@ const LoadingWrapper = ({ label })=>{
                 strokeWidth: "2",
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
-                className: "w-8 h-8 animate-spin",
+                style: twj("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",
+                style: twj("text-sm font-semibold leading-tight text-white dark:text-black"),
                 children: label
             })
         ]
@@ -27,7 +28,7 @@ const LoadingWrapper = ({ 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]",
+        style: twj("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
         })

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

@@ -1 +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"}
+{"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\";\nimport { twj } from \"tw-to-css\";\n\nconst LoadingWrapper = ({ label }: LoadingWrapperProps) => {\n  return (\n    <div\n      style={twj(\n        \"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      )}\n    >\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        style={twj(\"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\n          style={twj(\n            \"text-sm font-semibold leading-tight text-white dark:text-black\"\n          )}\n        >\n          {label}\n        </p>\n      )}\n    </div>\n  );\n};\n\nexport const Loader = ({ hasOverlay = true, label }: LoaderProps) => {\n  return hasOverlay ? (\n    createPortal(\n      <div\n        style={twj(\n          \"items-center justify-center bg-black/60 flex h-full w-full fixed top-0 left-0 select-none z-[9999]\"\n        )}\n      >\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","twj","LoadingWrapper","label","div","style","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;AAGzC,SAASC,GAAG,QAAQ,YAAY;AAEhC,MAAMC,iBAAiB,CAAC,EAAEC,KAAK,EAAuB;IACpD,qBACE,MAACC;QACCC,OAAOJ,IACL;;0BAGF,KAACK;gBACCC,OAAM;gBACNC,SAAQ;gBACRC,MAAK;gBACLC,QAAO;gBACPC,aAAY;gBACZC,eAAc;gBACdC,gBAAe;gBACfR,OAAOJ,IAAI;0BAEX,cAAA,KAACa;oBAAKC,GAAE;;;YAETZ,uBACC,KAACa;gBACCX,OAAOJ,IACL;0BAGDE;;;;AAKX;AAEA,OAAO,MAAMc,SAAS,CAAC,EAAEC,aAAa,IAAI,EAAEf,KAAK,EAAe;IAC9D,OAAOe,2BACLlB,2BACE,KAACI;QACCC,OAAOJ,IACL;kBAGF,cAAA,KAACC;YAAeC,OAAOA;;QAEzBgB,SAASC,IAAI,kBAGf,KAAClB;QAAeC,OAAOA;;AAE3B,EAAE;AAEF,eAAec,OAAO"}

package/dist/src/fields/TiptapEditor/features/ui/Panel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Panel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzC,eAAO,MAAM,KAAK;cALN,QAAQ,GAAG,OAAO;eACjB,OAAO;cACR,OAAO;+EAqBlB,CAAC;AAIF,eAAO,MAAM,YAAY;cAEX,OAAO;+EAWnB,CAAC;AAIH,eAAO,MAAM,WAAW;cAEV,OAAO;+EAcnB,CAAC;AAIH,eAAO,MAAM,YAAY;cAEX,OAAO;+EAWnB,CAAC;AAIH,eAAO,MAAM,aAAa;cAEZ,OAAO;+EAcnB,CAAC;AAIH,eAAO,MAAM,WAAW;cAEV,OAAO;+EAcnB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Panel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,MAAM,UAAU,GAAG;IACvB,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzC,eAAO,MAAM,KAAK;cALN,QAAQ,GAAG,OAAO;eACjB,OAAO;cACR,OAAO;+EAqBlB,CAAC;AAIF,eAAO,MAAM,YAAY;cAEX,OAAO;+EAWnB,CAAC;AAIH,eAAO,MAAM,WAAW;cAEV,OAAO;+EAcnB,CAAC;AAIH,eAAO,MAAM,YAAY;cAEX,OAAO;+EAWnB,CAAC;AAIH,eAAO,MAAM,aAAa;cAEZ,OAAO;+EAcnB,CAAC;AAIH,eAAO,MAAM,WAAW;cAEV,OAAO;+EAcnB,CAAC"}

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

@@ -4,6 +4,7 @@ import { forwardRef } from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { Surface } from "../Surface.js";
 import { cn } from "../../../lib/utils/index.js";
+import { twj } from "tw-to-css";
 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";
@@ -11,7 +12,7 @@ export const Panel = /*#__PURE__*/ forwardRef(({ asChild, className, children, s
         ref: ref,
         ...rest,
         children: /*#__PURE__*/ _jsx(Surface, {
-            className: panelClass,
+            style: twj(panelClass),
             withShadow: !noShadow,
             children: children
         })
@@ -22,7 +23,7 @@ export const PanelDivider = /*#__PURE__*/ forwardRef(({ asChild, className, chil
     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,
+        style: twj(dividerClass),
         ...rest,
         ref: ref,
         children: children
@@ -33,7 +34,7 @@ export const PanelHeader = /*#__PURE__*/ forwardRef(({ asChild, className, child
     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,
+        style: twj(headerClass),
         ...rest,
         ref: ref,
         children: children
@@ -44,7 +45,7 @@ export const PanelSection = /*#__PURE__*/ forwardRef(({ asChild, className, chil
     const sectionClass = cn("mt-4 first:mt-1", className);
     const Comp = asChild ? Slot : "div";
     return /*#__PURE__*/ _jsx(Comp, {
-        className: sectionClass,
+        style: twj(sectionClass),
         ...rest,
         ref: ref,
         children: children
@@ -55,7 +56,7 @@ export const PanelHeadline = /*#__PURE__*/ forwardRef(({ asChild, className, chi
     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,
+        style: twj(headlineClass),
         ...rest,
         ref: ref,
         children: children
@@ -66,7 +67,7 @@ export const PanelFooter = /*#__PURE__*/ forwardRef(({ asChild, className, child
     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,
+        style: twj(footerClass),
         ...rest,
         ref: ref,
         children: children

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

@@ -1 +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.js\";\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,gBAAgB;AACxC,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"}
+{"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.js\";\nimport { cn } from \"../../../lib/utils/index.js\";\nimport { twj } from \"tw-to-css\";\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 style={twj(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 style={twj(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 style={twj(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 style={twj(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 style={twj(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 style={twj(footerClass)} {...rest} ref={ref}>\n      {children}\n    </Comp>\n  );\n});\n\nPanelFooter.displayName = \"PanelFooter\";\n"],"names":["React","forwardRef","Slot","Surface","cn","twj","Panel","asChild","className","children","spacing","noShadow","rest","ref","panelClass","Comp","style","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,gBAAgB;AACxC,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,GAAG,QAAQ,YAAY;AAQhC,OAAO,MAAMC,sBAAQL,WACnB,CAAC,EAAEM,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGC,MAAM,EAAEC;IAC7D,MAAMC,aAAaV,GACjB,OACAM,YAAY,WAAW,cACvBF;IAGF,MAAMO,OAAOR,UAAUL,OAAO;IAE9B,qBACE,KAACa;QAAKF,KAAKA;QAAM,GAAGD,IAAI;kBACtB,cAAA,KAACT;YAAQa,OAAOX,IAAIS;YAAaG,YAAY,CAACN;sBAC3CF;;;AAIT,GACA;AAEFH,MAAMY,WAAW,GAAG;AAEpB,OAAO,MAAMC,6BAAelB,WAG1B,CAAC,EAAEM,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMO,eAAehB,GAAG,wCAAwCI;IAEhE,MAAMO,OAAOR,UAAUL,OAAO;IAE9B,qBACE,KAACa;QAAKC,OAAOX,IAAIe;QAAgB,GAAGR,IAAI;QAAEC,KAAKA;kBAC5CJ;;AAGP,GAAG;AAEHU,aAAaD,WAAW,GAAG;AAE3B,OAAO,MAAMG,4BAAcpB,WAGzB,CAAC,EAAEM,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMS,cAAclB,GAClB,gDACAI;IAGF,MAAMO,OAAOR,UAAUL,OAAO;IAE9B,qBACE,KAACa;QAAKC,OAAOX,IAAIiB;QAAe,GAAGV,IAAI;QAAEC,KAAKA;kBAC3CJ;;AAGP,GAAG;AAEHY,YAAYH,WAAW,GAAG;AAE1B,OAAO,MAAMK,6BAAetB,WAG1B,CAAC,EAAEM,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMW,eAAepB,GAAG,mBAAmBI;IAE3C,MAAMO,OAAOR,UAAUL,OAAO;IAE9B,qBACE,KAACa;QAAKC,OAAOX,IAAImB;QAAgB,GAAGZ,IAAI;QAAEC,KAAKA;kBAC5CJ;;AAGP,GAAG;AAEHc,aAAaL,WAAW,GAAG;AAE3B,OAAO,MAAMO,8BAAgBxB,WAG3B,CAAC,EAAEM,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMa,gBAAgBtB,GACpB,oEACAI;IAGF,MAAMO,OAAOR,UAAUL,OAAO;IAE9B,qBACE,KAACa;QAAKC,OAAOX,IAAIqB;QAAiB,GAAGd,IAAI;QAAEC,KAAKA;kBAC7CJ;;AAGP,GAAG;AAEHgB,cAAcP,WAAW,GAAG;AAE5B,OAAO,MAAMS,4BAAc1B,WAGzB,CAAC,EAAEM,OAAO,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGG,MAAM,EAAEC;IAC5C,MAAMe,cAAcxB,GAClB,8CACAI;IAGF,MAAMO,OAAOR,UAAUL,OAAO;IAE9B,qBACE,KAACa;QAAKC,OAAOX,IAAIuB;QAAe,GAAGhB,IAAI;QAAEC,KAAKA;kBAC3CJ;;AAGP,GAAG;AAEHkB,YAAYT,WAAW,GAAG"}

package/dist/src/fields/TiptapEditor/features/ui/PopoverMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/ui/PopoverMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,eAAO,MAAM,OAAO,uGAAkB,CAAC;AACvC,eAAO,MAAM,MAAM,sCAAiB,CAAC;AAErC,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,IAAI;yGASd,SAAS;;CAiCX,CAAC;AAIF,eAAO,MAAM,IAAI,wEAQd;IACD,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,sBAuBA,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,aAAa,iBAAkB,aAAa,sBAMxD,CAAC;AAEF,eAAO,MAAM,OAAO,qEAQlB,CAAC"}
+{"version":3,"file":"PopoverMenu.d.ts","sourceRoot":"","sources":["../../../../../../src/fields/TiptapEditor/features/ui/PopoverMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,eAAO,MAAM,OAAO,uGAAkB,CAAC;AACvC,eAAO,MAAM,MAAM,sCAAiB,CAAC;AAErC,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,IAAI;yGASd,SAAS;;CAyCX,CAAC;AAIF,eAAO,MAAM,IAAI,wEAQd;IACD,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,sBA4BA,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,aAAa,iBAAkB,aAAa,sBAUxD,CAAC;AAEF,eAAO,MAAM,OAAO,qEAQlB,CAAC"}

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

@@ -4,6 +4,7 @@ import React, { forwardRef } from "react";
 import { cn } from "../../lib/utils/index.js";
 import { Surface } from "./Surface.js";
 import { Toolbar } from "./Toolbar.js";
+import { twj } from "tw-to-css";
 export const Trigger = Popover.Trigger;
 export const Portal = Popover.Portal;
 export const Menu = ({ customTrigger, trigger, triggerClassName, children, isOpen, withPortal, tooltip, onOpenChange })=>{
@@ -17,7 +18,7 @@ export const Menu = ({ customTrigger, trigger, triggerClassName, children, isOpe
                 asChild: true,
                 children: /*#__PURE__*/ _jsx(Toolbar.Button, {
                     type: "button",
-                    className: triggerClassName,
+                    style: twj(triggerClassName),
                     tooltip: !isOpen ? tooltip : "",
                     children: trigger
                 })
@@ -27,7 +28,7 @@ export const Menu = ({ customTrigger, trigger, triggerClassName, children, isOpe
                     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]",
+                        style: twj("min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]"),
                         children: children
                     })
                 })
@@ -35,7 +36,7 @@ export const Menu = ({ customTrigger, trigger, triggerClassName, children, isOpe
                 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]",
+                    style: twj("min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]"),
                     children: children
                 })
             })
@@ -49,12 +50,13 @@ export const Item = ({ label, close = true, icon, iconComponent, disabled, onCli
     const IconCustomComponent = iconComponent || null;
     const ItemComponent = close ? Popover.Close : "button";
     return /*#__PURE__*/ _jsxs(ItemComponent, {
-        className: className,
+        style: twj(className),
+        // onClick={className}
         onClick: onClick,
         disabled: disabled,
         children: [
             IconComponent && /*#__PURE__*/ _jsx(IconComponent, {
-                className: "w-4 h-4"
+                style: twj("w-4 h-4")
             }),
             IconCustomComponent,
             label
@@ -63,7 +65,7 @@ export const Item = ({ label, close = true, icon, iconComponent, disabled, onCli
 };
 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",
+        style: twj("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
     });
 };
@@ -71,7 +73,7 @@ export const Divider = /*#__PURE__*/ forwardRef((props, ref)=>{
     return /*#__PURE__*/ _jsx("hr", {
         ...props,
         ref: ref,
-        className: "my-1 border-neutral-200 dark:border-neutral-800"
+        style: twj("my-1 border-neutral-200 dark:border-neutral-800")
     });
 });
 Divider.displayName = "Divider";

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

@@ -1 +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.js\";\nimport { Toolbar } from \"./Toolbar.js\";\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,eAAe;AACvC,SAASC,OAAO,QAAQ,eAAe;AAEvC,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"}
+{"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.js\";\nimport { Toolbar } from \"./Toolbar.js\";\nimport { twj } from \"tw-to-css\";\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            style={twj(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\n              style={twj(\n                \"min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]\"\n              )}\n            >\n              {children}\n            </Surface>\n          </Popover.Content>\n        </Popover.Portal>\n      ) : (\n        <Popover.Content asChild sideOffset={8}>\n          <Surface\n            style={twj(\n              \"min-w-[15rem] p-2 flex flex-col gap-0.5 max-h-80 overflow-auto z-[9999]\"\n            )}\n          >\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\n      style={twj(className)}\n      // onClick={className}\n      onClick={onClick}\n      disabled={disabled}\n    >\n      {IconComponent && <IconComponent style={twj(\"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\n      style={twj(\n        \"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      )}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const Divider = forwardRef<HTMLHRElement>((props, ref) => {\n  return (\n    <hr\n      {...props}\n      ref={ref}\n      style={twj(\"my-1 border-neutral-200 dark:border-neutral-800\")}\n    />\n  );\n});\n\nDivider.displayName = \"Divider\";\n"],"names":["Popover","React","forwardRef","cn","Surface","Toolbar","twj","Trigger","Portal","Menu","customTrigger","trigger","triggerClassName","children","isOpen","withPortal","tooltip","onOpenChange","Root","asChild","Button","type","style","Content","sideOffset","displayName","Item","label","close","icon","iconComponent","disabled","onClick","isActive","className","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,eAAe;AACvC,SAASC,OAAO,QAAQ,eAAe;AACvC,SAASC,GAAG,QAAQ,YAAY;AAEhC,OAAO,MAAMC,UAAUP,QAAQO,OAAO,CAAC;AACvC,OAAO,MAAMC,SAASR,QAAQQ,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,MAACjB,QAAQkB,IAAI;QAACD,cAAcA;;YACzBP,8BACC,KAACH;gBAAQY,OAAO;0BAAER;+BAElB,KAACJ;gBAAQY,OAAO;0BACd,cAAA,KAACd,QAAQe,MAAM;oBACbC,MAAK;oBACLC,OAAOhB,IAAIM;oBACXI,SAAS,CAACF,SAASE,UAAU;8BAE5BL;;;YAINI,2BACC,KAACf,QAAQQ,MAAM;0BACb,cAAA,KAACR,QAAQuB,OAAO;oBAACJ,OAAO;oBAACK,YAAY;8BACnC,cAAA,KAACpB;wBACCkB,OAAOhB,IACL;kCAGDO;;;+BAKP,KAACb,QAAQuB,OAAO;gBAACJ,OAAO;gBAACK,YAAY;0BACnC,cAAA,KAACpB;oBACCkB,OAAOhB,IACL;8BAGDO;;;;;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,MAAMC,YAAY/B,GAChB,4HACA,CAAC8B,YAAY,CAACF,UACd,qGACAE,YACE,CAACF,YACD,6EACFA,YAAY;IAGd,MAAMI,gBAAgBN,OAAOA,OAAO;IACpC,MAAMO,sBAAsBN,iBAAiB;IAE7C,MAAMO,gBAAgBT,QAAQ5B,QAAQsC,KAAK,GAAG;IAE9C,qBACE,MAACD;QACCf,OAAOhB,IAAI4B;QACX,sBAAsB;QACtBF,SAASA;QACTD,UAAUA;;YAETI,+BAAiB,KAACA;gBAAcb,OAAOhB,IAAI;;YAC3C8B;YACAT;;;AAGP,EAAE;AAMF,OAAO,MAAMY,gBAAgB,CAAC,EAAE1B,QAAQ,EAAiB;IACvD,qBACE,KAAC2B;QACClB,OAAOhB,IACL;kBAGDO;;AAGP,EAAE;AAEF,OAAO,MAAM4B,wBAAUvC,WAA0B,CAACwC,OAAOC;IACvD,qBACE,KAACC;QACE,GAAGF,KAAK;QACTC,KAAKA;QACLrB,OAAOhB,IAAI;;AAGjB,GAAG;AAEHmC,QAAQhB,WAAW,GAAG"}

package/dist/src/fields/TiptapEditor/features/ui/Spinner/Spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,OAAO,qHASnB,CAAC"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../../../../src/fields/TiptapEditor/features/ui/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,OAAO,qHASnB,CAAC"}

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

@@ -2,10 +2,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from "react";
 import { forwardRef } from "react";
 import { cn } from "../../../lib/utils/index.js";
+import { twj } from "tw-to-css";
 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,
+        style: twj(spinnerClass),
         ref: ref,
         ...rest
     });