payload-richtext-tiptap 0.0.47 → 0.0.49

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/fields/TiptapEditor/hooks/useBlockEditor.ts"],"sourcesContent":["\"use client\";\nimport { useMemo } from \"react\";\n\nimport { Editor, useEditor } from \"@tiptap/react\";\n\nimport ExtensionKit from \"../extensions/extension-kit.js\";\nimport { EditorUser } from \"../features/BlockEditor/types.js\";\nimport { useSidebar } from \"./useSidebar.js\";\n\nimport { useTranslation } from \"@payloadcms/ui/providers/Translation\";\nimport TurndownService from \"turndown\";\nimport { gfm } from \"turndown-plugin-gfm\";\nimport { openAssetHQType } from \"../types.js\";\ndeclare global {\n  interface Window {\n    editor: Editor | null;\n  }\n}\n\nexport const useBlockEditor = ({\n  content,\n  handleChange,\n  openAssetHQHandler,\n}: {\n  content: { html: string; json: any };\n  handleChange: (data: any) => void;\n  openAssetHQHandler: openAssetHQType;\n}) => {\n  const leftSidebar = useSidebar();\n\n  const turndownService = new TurndownService({});\n  // Use the gfm plugin\n  turndownService.use(gfm);\n  turndownService.addRule(\"twitter\", {\n    filter: \"div\",\n    replacement: function (content) {\n      return \"\\n\\n\" + content + \"\\n\\n\";\n    },\n  });\n  const { t, i18n } = useTranslation();\n\n  const editor = useEditor(\n    {\n      content: content?.json ?? content ?? {},\n      autofocus: true,\n      onCreate: ({ editor }) => {\n        // provider?.on('synced', () => {\n        //   if (editor.isEmpty) {\n        //     editor.commands.setContent(initialContent)\n        //   }\n        // })\n      },\n      extensions: [\n        ...ExtensionKit({\n          openAssetHQHandler,\n          // provider,\n        }),\n        // Collaboration.configure({\n        //   document: ydoc,\n        // }),\n        // CollaborationCursor.configure({\n        //   provider,\n        //   user: {\n        //     name: randomElement(userNames),\n        //     color: randomElement(userColors),\n        //   },\n        // }),\n      ],\n      editorProps: {\n        attributes: {\n          languages: i18n.language,\n          autocomplete: \"off\",\n          autocorrect: \"off\",\n          autocapitalize: \"off\",\n          class: \"min-h-full\",\n        },\n      },\n      onUpdate: ({ editor }) => {\n        handleChange(editor?.getJSON() ?? {});\n      },\n    },\n    []\n  );\n  const users = useMemo(() => {\n    if (!editor?.storage.collaborationCursor?.users) {\n      return [];\n    }\n\n    return editor.storage.collaborationCursor?.users.map((user: EditorUser) => {\n      const names = user.name?.split(\" \");\n      const firstName = names?.[0];\n      const lastName = names?.[names.length - 1];\n      const initials = `${firstName?.[0] || \"?\"}${lastName?.[0] || \"?\"}`;\n\n      return { ...user, initials: initials.length ? initials : \"?\" };\n    });\n  }, [editor?.storage.collaborationCursor?.users]);\n\n  const characterCount = editor?.storage.characterCount || {\n    characters: () => 0,\n    words: () => 0,\n  };\n\n  // useEffect(() => {\n  //   provider?.on('status', (event: { status: WebSocketStatus }) => {\n  //     setCollabState(event.status)\n  //   })\n  // }, [provider])\n\n  if (typeof window != \"undefined\") window.editor = editor;\n\n  return { editor, users, characterCount, leftSidebar };\n};\n"],"names":["useMemo","useEditor","ExtensionKit","useSidebar","useTranslation","TurndownService","gfm","useBlockEditor","content","handleChange","openAssetHQHandler","leftSidebar","turndownService","use","addRule","filter","replacement","t","i18n","editor","json","autofocus","onCreate","extensions","editorProps","attributes","languages","language","autocomplete","autocorrect","autocapitalize","class","onUpdate","getJSON","users","storage","collaborationCursor","map","user","names","name","split","firstName","lastName","length","initials","characterCount","characters","words","window"],"mappings":"AAAA;AACA,SAASA,OAAO,QAAQ,QAAQ;AAEhC,SAAiBC,SAAS,QAAQ,gBAAgB;AAElD,OAAOC,kBAAkB,iCAAiC;AAE1D,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,cAAc,QAAQ,uCAAuC;AACtE,OAAOC,qBAAqB,WAAW;AACvC,SAASC,GAAG,QAAQ,sBAAsB;AAQ1C,OAAO,MAAMC,iBAAiB,CAAC,EAC7BC,OAAO,EACPC,YAAY,EACZC,kBAAkB,EAKnB;IACC,MAAMC,cAAcR;IAEpB,MAAMS,kBAAkB,IAAIP,gBAAgB,CAAC;IAC7C,qBAAqB;IACrBO,gBAAgBC,GAAG,CAACP;IACpBM,gBAAgBE,OAAO,CAAC,WAAW;QACjCC,QAAQ;QACRC,aAAa,SAAUR,OAAO;YAC5B,OAAO,SAASA,UAAU;QAC5B;IACF;IACA,MAAM,EAAES,CAAC,EAAEC,IAAI,EAAE,GAAGd;IAEpB,MAAMe,SAASlB,UACb;QACEO,SAASA,SAASY,QAAQZ,WAAW,CAAC;QACtCa,WAAW;QACXC,UAAU,CAAC,EAAEH,MAAM,EAAE;QACnB,iCAAiC;QACjC,0BAA0B;QAC1B,iDAAiD;QACjD,MAAM;QACN,KAAK;QACP;QACAI,YAAY;eACPrB,aAAa;gBACdQ;YAEF;SAWD;QACDc,aAAa;YACXC,YAAY;gBACVC,WAAWR,KAAKS,QAAQ;gBACxBC,cAAc;gBACdC,aAAa;gBACbC,gBAAgB;gBAChBC,OAAO;YACT;QACF;QACAC,UAAU,CAAC,EAAEb,MAAM,EAAE;YACnBV,aAAaU,QAAQc,aAAa,CAAC;QACrC;IACF,GACA,EAAE;IAEJ,MAAMC,QAAQlC,QAAQ;QACpB,IAAI,CAACmB,QAAQgB,QAAQC,qBAAqBF,OAAO;YAC/C,OAAO,EAAE;QACX;QAEA,OAAOf,OAAOgB,OAAO,CAACC,mBAAmB,EAAEF,MAAMG,IAAI,CAACC;YACpD,MAAMC,QAAQD,KAAKE,IAAI,EAAEC,MAAM;YAC/B,MAAMC,YAAYH,OAAO,CAAC,EAAE;YAC5B,MAAMI,WAAWJ,OAAO,CAACA,MAAMK,MAAM,GAAG,EAAE;YAC1C,MAAMC,WAAW,CAAC,EAAEH,WAAW,CAAC,EAAE,IAAI,IAAI,EAAEC,UAAU,CAAC,EAAE,IAAI,IAAI,CAAC;YAElE,OAAO;gBAAE,GAAGL,IAAI;gBAAEO,UAAUA,SAASD,MAAM,GAAGC,WAAW;YAAI;QAC/D;IACF,GAAG;QAAC1B,QAAQgB,QAAQC,qBAAqBF;KAAM;IAE/C,MAAMY,iBAAiB3B,QAAQgB,QAAQW,kBAAkB;QACvDC,YAAY,IAAM;QAClBC,OAAO,IAAM;IACf;IAEA,oBAAoB;IACpB,qEAAqE;IACrE,mCAAmC;IACnC,OAAO;IACP,iBAAiB;IAEjB,IAAI,OAAOC,UAAU,aAAaA,OAAO9B,MAAM,GAAGA;IAElD,OAAO;QAAEA;QAAQe;QAAOY;QAAgBnC;IAAY;AACtD,EAAE"}
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/hooks/useBlockEditor.ts"],"sourcesContent":["\"use client\";\nimport { useEffect, useMemo } from \"react\";\n\nimport { Editor, useEditor } from \"@tiptap/react\";\n\nimport ExtensionKit from \"../extensions/extension-kit.js\";\nimport { EditorUser } from \"../features/BlockEditor/types.js\";\nimport { useSidebar } from \"./useSidebar.js\";\n\nimport { useTranslation } from \"@payloadcms/ui/providers/Translation\";\nimport TurndownService from \"turndown\";\nimport { gfm } from \"turndown-plugin-gfm\";\nimport { openAssetHQType } from \"../types.js\";\ndeclare global {\n  interface Window {\n    editor: Editor | null;\n  }\n}\n\nexport const useBlockEditor = ({\n  content,\n  handleChange,\n  openAssetHQHandler,\n  additionalContext,\n}: {\n  content: { html: string; json: any };\n  handleChange: (data: any) => void;\n  openAssetHQHandler: openAssetHQType;\n  additionalContext?: Record<string, any>;\n}) => {\n  const leftSidebar = useSidebar();\n\n  const turndownService = new TurndownService({});\n  // Use the gfm plugin\n  turndownService.use(gfm);\n  turndownService.addRule(\"twitter\", {\n    filter: \"div\",\n    replacement: function (content) {\n      return \"\\n\\n\" + content + \"\\n\\n\";\n    },\n  });\n  const { t, i18n } = useTranslation();\n\n  const editor = useEditor(\n    {\n      content: content?.json ?? content ?? {},\n      autofocus: true,\n      onCreate: ({ editor }) => {\n        // provider?.on('synced', () => {\n        //   if (editor.isEmpty) {\n        //     editor.commands.setContent(initialContent)\n        //   }\n        // })\n      },\n      extensions: [\n        ...ExtensionKit({\n          openAssetHQHandler,\n          // provider,\n        }),\n        // Collaboration.configure({\n        //   document: ydoc,\n        // }),\n        // CollaborationCursor.configure({\n        //   provider,\n        //   user: {\n        //     name: randomElement(userNames),\n        //     color: randomElement(userColors),\n        //   },\n        // }),\n      ],\n      editorProps: {\n        attributes: {\n          languages: i18n.language,\n          autocomplete: \"off\",\n          autocorrect: \"off\",\n          autocapitalize: \"off\",\n          class: \"min-h-full\",\n        },\n      },\n      onUpdate: ({ editor }) => {\n        handleChange(editor?.getJSON() ?? {});\n      },\n    },\n    []\n  );\n\n  useEffect(() => {\n    editor.storage.aiCommand.title = additionalContext?.title ?? \"\";\n    editor.storage.aiCommand.language = additionalContext?.language ?? \"\";\n  }, [additionalContext]);\n\n  const users = useMemo(() => {\n    if (!editor?.storage.collaborationCursor?.users) {\n      return [];\n    }\n\n    return editor.storage.collaborationCursor?.users.map((user: EditorUser) => {\n      const names = user.name?.split(\" \");\n      const firstName = names?.[0];\n      const lastName = names?.[names.length - 1];\n      const initials = `${firstName?.[0] || \"?\"}${lastName?.[0] || \"?\"}`;\n\n      return { ...user, initials: initials.length ? initials : \"?\" };\n    });\n  }, [editor?.storage.collaborationCursor?.users]);\n\n  const characterCount = editor?.storage.characterCount || {\n    characters: () => 0,\n    words: () => 0,\n  };\n\n  // useEffect(() => {\n  //   provider?.on('status', (event: { status: WebSocketStatus }) => {\n  //     setCollabState(event.status)\n  //   })\n  // }, [provider])\n\n  if (typeof window != \"undefined\") window.editor = editor;\n\n  return { editor, users, characterCount, leftSidebar };\n};\n"],"names":["useEffect","useMemo","useEditor","ExtensionKit","useSidebar","useTranslation","TurndownService","gfm","useBlockEditor","content","handleChange","openAssetHQHandler","additionalContext","leftSidebar","turndownService","use","addRule","filter","replacement","t","i18n","editor","json","autofocus","onCreate","extensions","editorProps","attributes","languages","language","autocomplete","autocorrect","autocapitalize","class","onUpdate","getJSON","storage","aiCommand","title","users","collaborationCursor","map","user","names","name","split","firstName","lastName","length","initials","characterCount","characters","words","window"],"mappings":"AAAA;AACA,SAASA,SAAS,EAAEC,OAAO,QAAQ,QAAQ;AAE3C,SAAiBC,SAAS,QAAQ,gBAAgB;AAElD,OAAOC,kBAAkB,iCAAiC;AAE1D,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,cAAc,QAAQ,uCAAuC;AACtE,OAAOC,qBAAqB,WAAW;AACvC,SAASC,GAAG,QAAQ,sBAAsB;AAQ1C,OAAO,MAAMC,iBAAiB,CAAC,EAC7BC,OAAO,EACPC,YAAY,EACZC,kBAAkB,EAClBC,iBAAiB,EAMlB;IACC,MAAMC,cAAcT;IAEpB,MAAMU,kBAAkB,IAAIR,gBAAgB,CAAC;IAC7C,qBAAqB;IACrBQ,gBAAgBC,GAAG,CAACR;IACpBO,gBAAgBE,OAAO,CAAC,WAAW;QACjCC,QAAQ;QACRC,aAAa,SAAUT,OAAO;YAC5B,OAAO,SAASA,UAAU;QAC5B;IACF;IACA,MAAM,EAAEU,CAAC,EAAEC,IAAI,EAAE,GAAGf;IAEpB,MAAMgB,SAASnB,UACb;QACEO,SAASA,SAASa,QAAQb,WAAW,CAAC;QACtCc,WAAW;QACXC,UAAU,CAAC,EAAEH,MAAM,EAAE;QACnB,iCAAiC;QACjC,0BAA0B;QAC1B,iDAAiD;QACjD,MAAM;QACN,KAAK;QACP;QACAI,YAAY;eACPtB,aAAa;gBACdQ;YAEF;SAWD;QACDe,aAAa;YACXC,YAAY;gBACVC,WAAWR,KAAKS,QAAQ;gBACxBC,cAAc;gBACdC,aAAa;gBACbC,gBAAgB;gBAChBC,OAAO;YACT;QACF;QACAC,UAAU,CAAC,EAAEb,MAAM,EAAE;YACnBX,aAAaW,QAAQc,aAAa,CAAC;QACrC;IACF,GACA,EAAE;IAGJnC,UAAU;QACRqB,OAAOe,OAAO,CAACC,SAAS,CAACC,KAAK,GAAG1B,mBAAmB0B,SAAS;QAC7DjB,OAAOe,OAAO,CAACC,SAAS,CAACR,QAAQ,GAAGjB,mBAAmBiB,YAAY;IACrE,GAAG;QAACjB;KAAkB;IAEtB,MAAM2B,QAAQtC,QAAQ;QACpB,IAAI,CAACoB,QAAQe,QAAQI,qBAAqBD,OAAO;YAC/C,OAAO,EAAE;QACX;QAEA,OAAOlB,OAAOe,OAAO,CAACI,mBAAmB,EAAED,MAAME,IAAI,CAACC;YACpD,MAAMC,QAAQD,KAAKE,IAAI,EAAEC,MAAM;YAC/B,MAAMC,YAAYH,OAAO,CAAC,EAAE;YAC5B,MAAMI,WAAWJ,OAAO,CAACA,MAAMK,MAAM,GAAG,EAAE;YAC1C,MAAMC,WAAW,CAAC,EAAEH,WAAW,CAAC,EAAE,IAAI,IAAI,EAAEC,UAAU,CAAC,EAAE,IAAI,IAAI,CAAC;YAElE,OAAO;gBAAE,GAAGL,IAAI;gBAAEO,UAAUA,SAASD,MAAM,GAAGC,WAAW;YAAI;QAC/D;IACF,GAAG;QAAC5B,QAAQe,QAAQI,qBAAqBD;KAAM;IAE/C,MAAMW,iBAAiB7B,QAAQe,QAAQc,kBAAkB;QACvDC,YAAY,IAAM;QAClBC,OAAO,IAAM;IACf;IAEA,oBAAoB;IACpB,qEAAqE;IACrE,mCAAmC;IACnC,OAAO;IACP,iBAAiB;IAEjB,IAAI,OAAOC,UAAU,aAAaA,OAAOhC,MAAM,GAAGA;IAElD,OAAO;QAAEA;QAAQkB;QAAOW;QAAgBrC;IAAY;AACtD,EAAE"}

package/dist/src/fields/TiptapEditor/lib/extract.js

@@ -5,7 +5,6 @@ export const extractTiptapJson = (markdownValue)=>{
         content: markdownValue,
         extensions: [
             ...ExtensionKit({
-                // provider,
                 openAssetHQHandler: ()=>{}
             })
         ]

package/dist/src/fields/TiptapEditor/lib/extract.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/fields/TiptapEditor/lib/extract.ts"],"sourcesContent":["import { Editor } from \"@tiptap/core\";\nimport ExtensionKit from \"../extensions/extension-kit.js\";\n\nexport const extractTiptapJson = (markdownValue: string) => {\n  const editor = new Editor({\n    content: markdownValue,\n    extensions: [\n      ...ExtensionKit({\n        // provider,\n        openAssetHQHandler: () => {},\n      }),\n    ],\n  });\n  return editor.getJSON();\n};\n\nexport const extractMarkdown = (json: any) => {\n  const editor = new Editor({\n    content: json,\n    extensions: [\n      ...ExtensionKit({\n        // provider,\n        openAssetHQHandler: () => {},\n      }),\n    ],\n  });\n  return editor.storage.markdown.getMarkdown();\n};\n"],"names":["Editor","ExtensionKit","extractTiptapJson","markdownValue","editor","content","extensions","openAssetHQHandler","getJSON","extractMarkdown","json","storage","markdown","getMarkdown"],"mappings":"AAAA,SAASA,MAAM,QAAQ,eAAe;AACtC,OAAOC,kBAAkB,iCAAiC;AAE1D,OAAO,MAAMC,oBAAoB,CAACC;IAChC,MAAMC,SAAS,IAAIJ,OAAO;QACxBK,SAASF;QACTG,YAAY;eACPL,aAAa;gBACd,YAAY;gBACZM,oBAAoB,KAAO;YAC7B;SACD;IACH;IACA,OAAOH,OAAOI,OAAO;AACvB,EAAE;AAEF,OAAO,MAAMC,kBAAkB,CAACC;IAC9B,MAAMN,SAAS,IAAIJ,OAAO;QACxBK,SAASK;QACTJ,YAAY;eACPL,aAAa;gBACd,YAAY;gBACZM,oBAAoB,KAAO;YAC7B;SACD;IACH;IACA,OAAOH,OAAOO,OAAO,CAACC,QAAQ,CAACC,WAAW;AAC5C,EAAE"}
+{"version":3,"sources":["../../../../../src/fields/TiptapEditor/lib/extract.ts"],"sourcesContent":["import { Editor } from \"@tiptap/core\";\nimport ExtensionKit from \"../extensions/extension-kit.js\";\n\nexport const extractTiptapJson = (markdownValue: string) => {\n  const editor = new Editor({\n    content: markdownValue,\n    extensions: [\n      ...ExtensionKit({\n        openAssetHQHandler: () => {},\n        // provider,\n      }),\n    ],\n  });\n  return editor.getJSON();\n};\n\nexport const extractMarkdown = (json: any) => {\n  const editor = new Editor({\n    content: json,\n    extensions: [\n      ...ExtensionKit({\n        // provider,\n        openAssetHQHandler: () => {},\n      }),\n    ],\n  });\n  return editor.storage.markdown.getMarkdown();\n};\n"],"names":["Editor","ExtensionKit","extractTiptapJson","markdownValue","editor","content","extensions","openAssetHQHandler","getJSON","extractMarkdown","json","storage","markdown","getMarkdown"],"mappings":"AAAA,SAASA,MAAM,QAAQ,eAAe;AACtC,OAAOC,kBAAkB,iCAAiC;AAE1D,OAAO,MAAMC,oBAAoB,CAACC;IAChC,MAAMC,SAAS,IAAIJ,OAAO;QACxBK,SAASF;QACTG,YAAY;eACPL,aAAa;gBACdM,oBAAoB,KAAO;YAE7B;SACD;IACH;IACA,OAAOH,OAAOI,OAAO;AACvB,EAAE;AAEF,OAAO,MAAMC,kBAAkB,CAACC;IAC9B,MAAMN,SAAS,IAAIJ,OAAO;QACxBK,SAASK;QACTJ,YAAY;eACPL,aAAa;gBACd,YAAY;gBACZM,oBAAoB,KAAO;YAC7B;SACD;IACH;IACA,OAAOH,OAAOO,OAAO,CAACC,QAAQ,CAACC,WAAW;AAC5C,EAAE"}

package/dist/src/fields/TiptapEditor/types.d.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/fields/TiptapEditor/types.d.ts"],"sourcesContent":["export type openAssetHQType = (\n  listener: (linkOfAsset: string) => void,\n  file?: File\n) => void;\n"],"names":[],"mappings":"AAAA,WAGU"}
+{"version":3,"sources":["../../../../src/fields/TiptapEditor/types.d.ts"],"sourcesContent":["export type openAssetHQType = (\n  listener: (asset: AssetReturnType) => void,\n  file?: File\n) => void;\n\nexport type HitItem = {\n  caption: string;\n  description: string;\n  fileName: string;\n  fileSize: number;\n  id: string;\n  s3key: string;\n  source: string;\n  title: string;\n  type: \"VIDEO\" | \"IMAGE\";\n  updated_at: string;\n  created_at: string;\n  userId: string;\n  tags: string[];\n  celebrities: string[];\n  videos: {\n    aspectRatio: string;\n    assetId: string;\n    averageBitrate: number;\n    createdAt: Date;\n    downloaded: boolean;\n    s3Key: string;\n    duration: number;\n    fileName: string;\n    fileSize: number | null;\n    frameRate: number;\n    height: number;\n    id: string;\n    mimeType: string;\n    newsAgencyVideoAssetId: string;\n    providerSubId: string;\n    sampleRate: number;\n    updatedAt: Date;\n    videoCodec: string;\n    width: number;\n  }[];\n};\nexport type SelectedAssetInModal = HitItem & {\n  selectedVideo?: HitItem[\"videos\"][0];\n};\nexport type AssetReturnType = SelectedAssetInModal & {\n  fullUrl: string;\n  videoUrl?: string;\n  renditions: Record<number, string>;\n};\n"],"names":[],"mappings":"AA6CA,WAIE"}

package/dist/src/styles.css

@@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.4.4 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.6 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -1677,10 +1677,6 @@ select {
   margin-left: 0px;
 }
 
-.ml-1 {
-  margin-left: 0.25rem;
-}
-
 .ml-1\.5 {
   margin-left: 0.375rem;
 }
@@ -1777,10 +1773,6 @@ select {
   height: 0px;
 }
 
-.h-1 {
-  height: 0.25rem;
-}
-
 .h-1\.5 {
   height: 0.375rem;
 }
@@ -1869,10 +1861,6 @@ select {
   width: 0px;
 }
 
-.w-1 {
-  width: 0.25rem;
-}
-
 .w-1\.5 {
   width: 0.375rem;
 }
@@ -2107,10 +2095,6 @@ select {
   justify-content: space-between;
 }
 
-.gap-0 {
-  gap: 0px;
-}
-
 .gap-0\.5 {
   gap: 0.125rem;
 }
@@ -2123,11 +2107,6 @@ select {
   gap: 0.5rem;
 }
 
-.gap-x-1 {
-  -moz-column-gap: 0.25rem;
-       column-gap: 0.25rem;
-}
-
 .gap-x-1\.5 {
   -moz-column-gap: 0.375rem;
        column-gap: 0.375rem;
@@ -2441,11 +2420,6 @@ select {
   padding: 1px;
 }
 
-.px-0 {
-  padding-left: 0px;
-  padding-right: 0px;
-}
-
 .px-0\.5 {
   padding-left: 0.125rem;
   padding-right: 0.125rem;
@@ -3215,7 +3189,7 @@ select {
   .lg\:backdrop-blur-xl {
     --tw-backdrop-blur: blur(24px);
     -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
-            backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
+    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   }
 
   .lg\:dark\:bg-black\/30:is([data-theme="dark"] *) {