@texonom/nreact 1.2.11 → 1.3.0-rc.1

package/build/dev/third-party/equation.js

@@ -1,7 +1,6 @@
 import {
-  cs,
   useNotionContext
-} from "../chunk-VHTSGS2P.js";
+} from "../chunk-NVAEYUJK.js";
 import {
   __objRest,
   __spreadValues
@@ -26,7 +25,7 @@ var Equation = (_a) => {
     {
       role: "button",
       tabIndex: 0,
-      className: cs("notion-equation", inline ? "notion-equation-inline" : "notion-equation-block", className)
+      className: `notion-equation ${inline ? "notion-equation-inline" : "notion-equation-block"} ${className || ""}`
     },
     /* @__PURE__ */ React.createElement(Katex, __spreadValues({ math, settings: katexSettings }, rest))
   );

package/build/dev/third-party/equation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/third-party/equation.tsx"],"sourcesContent":["import React from 'react'\n\nimport Katex from '@matejmazur/react-katex'\nimport { EquationBlock } from '@texonom/ntypes'\nimport { getBlockTitle } from '@texonom/nutils'\n\nimport { useNotionContext } from '../context'\nimport { cs } from '../utils'\n\nconst katexSettings = {\n  throwOnError: false,\n  strict: false\n}\n\nexport const Equation: React.FC<{\n  block: EquationBlock\n  math?: string\n  inline?: boolean\n  className?: string\n}> = ({ block, math, inline = false, className, ...rest }) => {\n  const { recordMap } = useNotionContext()\n  math = math || getBlockTitle(block, recordMap)\n  if (!math) return null\n\n  return (\n    <span\n      role='button'\n      tabIndex={0}\n      className={cs('notion-equation', inline ? 'notion-equation-inline' : 'notion-equation-block', className)}>\n      <Katex math={math} settings={katexSettings} {...rest} />\n    </span>\n  )\n}\n"],"mappings":";;;;;;;;;;AAAA,OAAO,WAAW;AAElB,OAAO,WAAW;AAElB,SAAS,qBAAqB;AAK9B,IAAM,gBAAgB;AAAA,EACpB,cAAc;AAAA,EACd,QAAQ;AACV;AAEO,IAAM,WAKR,CAAC,OAAwD;AAAxD,eAAE,SAAO,MAAM,SAAS,OAAO,UAnBrC,IAmBM,IAA6C,iBAA7C,IAA6C,CAA3C,SAAO,QAAM,UAAgB;AACnC,QAAM,EAAE,UAAU,IAAI,iBAAiB;AACvC,SAAO,QAAQ,cAAc,OAAO,SAAS;AAC7C,MAAI,CAAC;AAAM,WAAO;AAElB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW,GAAG,mBAAmB,SAAS,2BAA2B,yBAAyB,SAAS;AAAA;AAAA,IACvG,oCAAC,wBAAM,MAAY,UAAU,iBAAmB,KAAM;AAAA,EACxD;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/third-party/equation.tsx"],"sourcesContent":["import React from 'react'\n\nimport Katex from '@matejmazur/react-katex'\nimport { EquationBlock } from '@texonom/ntypes'\nimport { getBlockTitle } from '@texonom/nutils'\n\nimport { useNotionContext } from '../context'\n\nconst katexSettings = {\n  throwOnError: false,\n  strict: false\n}\n\nexport const Equation: React.FC<{\n  block: EquationBlock\n  math?: string\n  inline?: boolean\n  className?: string\n}> = ({ block, math, inline = false, className, ...rest }) => {\n  const { recordMap } = useNotionContext()\n  math = math || getBlockTitle(block, recordMap)\n  if (!math) return null\n\n  return (\n    <span\n      role='button'\n      tabIndex={0}\n      className={`notion-equation ${inline ? 'notion-equation-inline' : 'notion-equation-block'} ${className || ''}`}>\n      <Katex math={math} settings={katexSettings} {...rest} />\n    </span>\n  )\n}\n"],"mappings":";;;;;;;;;AAAA,OAAO,WAAW;AAElB,OAAO,WAAW;AAElB,SAAS,qBAAqB;AAI9B,IAAM,gBAAgB;AAAA,EACpB,cAAc;AAAA,EACd,QAAQ;AACV;AAEO,IAAM,WAKR,CAAC,OAAwD;AAAxD,eAAE,SAAO,MAAM,SAAS,OAAO,UAlBrC,IAkBM,IAA6C,iBAA7C,IAA6C,CAA3C,SAAO,QAAM,UAAgB;AACnC,QAAM,EAAE,UAAU,IAAI,iBAAiB;AACvC,SAAO,QAAQ,cAAc,OAAO,SAAS;AAC7C,MAAI,CAAC;AAAM,WAAO;AAElB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW,mBAAmB,SAAS,2BAA2B,2BAA2B,aAAa;AAAA;AAAA,IAC1G,oCAAC,wBAAM,MAAY,UAAU,iBAAmB,KAAM;AAAA,EACxD;AAEJ;","names":[]}

package/build/icons/clear-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"clear-icon.d.ts","sourceRoot":"","sources":["../../src/icons/clear-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,SAAS,mCAOrB,CAAA"}
+{"version":3,"file":"clear-icon.d.ts","sourceRoot":"","sources":["../../src/icons/clear-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,eAAO,MAAM,SAAS,mCAOrB,CAAA"}

package/build/icons/loading-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading-icon.d.ts","sourceRoot":"","sources":["../../src/icons/loading-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,WAAW,mCAsBvB,CAAA"}
+{"version":3,"file":"loading-icon.d.ts","sourceRoot":"","sources":["../../src/icons/loading-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,eAAO,MAAM,WAAW,mCAsBvB,CAAA"}

package/build/icons/search-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-icon.d.ts","sourceRoot":"","sources":["../../src/icons/search-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,eAAO,MAAM,UAAU,mCAOtB,CAAA"}
+{"version":3,"file":"search-icon.d.ts","sourceRoot":"","sources":["../../src/icons/search-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,eAAO,MAAM,UAAU,mCAOtB,CAAA"}

package/build/index.js

@@ -22,7 +22,6 @@ import {
   Search,
   SearchDialog,
   Text,
-  cs,
   dummyLink,
   formatDate,
   formatNotionDateTime,
@@ -33,7 +32,7 @@ import {
   isUrl,
   require_lodash,
   useNotionContext
-} from "./chunk-26XPY26R.js";
+} from "./chunk-HJGIONX2.js";
 import {
   __objRest,
   __spreadProps,
@@ -62,7 +61,7 @@ var Audio = ({ block, className }) => {
   var _a, _b, _c;
   const { recordMap } = useNotionContext();
   const source = recordMap.signed_urls[block.id] || ((_c = (_b = (_a = block.properties) == null ? void 0 : _a.source) == null ? void 0 : _b[0]) == null ? void 0 : _c[0]);
-  return /* @__PURE__ */ React.createElement("div", { className: cs("notion-audio", className) }, /* @__PURE__ */ React.createElement("audio", { controls: true, preload: "none", src: source }));
+  return /* @__PURE__ */ React.createElement("div", { className: `notion-audio ${className || ""}` }, /* @__PURE__ */ React.createElement("audio", { controls: true, preload: "none", src: source }));
 };
 
 // src/components/file.tsx
@@ -80,7 +79,7 @@ var File = ({ block, className }) => {
   var _a, _b, _c, _d, _e;
   const { components, recordMap } = useNotionContext();
   const source = recordMap.signed_urls[block.id] || ((_c = (_b = (_a = block.properties) == null ? void 0 : _a.source) == null ? void 0 : _b[0]) == null ? void 0 : _c[0]);
-  return /* @__PURE__ */ React3.createElement("div", { className: cs("notion-file", className) }, /* @__PURE__ */ React3.createElement(components.Link, { className: "notion-file-link", href: source, target: "_blank", rel: "noopener noreferrer" }, /* @__PURE__ */ React3.createElement(FileIcon, { className: "notion-file-icon" }), /* @__PURE__ */ React3.createElement("div", { className: "notion-file-info" }, /* @__PURE__ */ React3.createElement("div", { className: "notion-file-title" }, /* @__PURE__ */ React3.createElement(Text, { value: ((_d = block.properties) == null ? void 0 : _d.title) || [["File"]], block })), ((_e = block.properties) == null ? void 0 : _e.size) && /* @__PURE__ */ React3.createElement("div", { className: "notion-file-size" }, /* @__PURE__ */ React3.createElement(Text, { value: block.properties.size, block })))));
+  return /* @__PURE__ */ React3.createElement("div", { className: `notion-file ${className || ""}` }, /* @__PURE__ */ React3.createElement(components.Link, { className: "notion-file-link", href: source, target: "_blank", rel: "noopener noreferrer" }, /* @__PURE__ */ React3.createElement(FileIcon, { className: "notion-file-icon" }), /* @__PURE__ */ React3.createElement("div", { className: "notion-file-info" }, /* @__PURE__ */ React3.createElement("div", { className: "notion-file-title" }, /* @__PURE__ */ React3.createElement(Text, { value: ((_d = block.properties) == null ? void 0 : _d.title) || [["File"]], block })), ((_e = block.properties) == null ? void 0 : _e.size) && /* @__PURE__ */ React3.createElement("div", { className: "notion-file-size" }, /* @__PURE__ */ React3.createElement(Text, { value: block.properties.size, block })))));
 };
 
 // src/components/google-drive.tsx
@@ -97,7 +96,7 @@ var GoogleDrive = ({ block, className }) => {
     domain = url.hostname;
   } catch (err) {
   }
-  return /* @__PURE__ */ React4.createElement("div", { className: cs("notion-google-drive", className) }, /* @__PURE__ */ React4.createElement(components.Link, { className: "notion-google-drive-link", href: properties.url, target: "_blank", rel: "noopener noreferrer" }, /* @__PURE__ */ React4.createElement("div", { className: "notion-google-drive-preview" }, /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React4.createElement("div", { className: `notion-google-drive ${className || ""}` }, /* @__PURE__ */ React4.createElement(components.Link, { className: "notion-google-drive-link", href: properties.url, target: "_blank", rel: "noopener noreferrer" }, /* @__PURE__ */ React4.createElement("div", { className: "notion-google-drive-preview" }, /* @__PURE__ */ React4.createElement(
     GracefulImage,
     {
       src: mapImageUrl(properties.thumbnail, block),
@@ -161,18 +160,16 @@ var PageAside = ({ toc, activeSection, setActiveSection, pageAside, hasToc, hasA
   }, [hasToc, actionSectionScrollSpy]);
   if (!hasAside)
     return null;
-  return /* @__PURE__ */ React5.createElement("aside", { className: cs("notion-aside", className) }, hasToc && /* @__PURE__ */ React5.createElement("div", { className: "notion-aside-table-of-contents" }, /* @__PURE__ */ React5.createElement("div", { className: "notion-aside-table-of-contents-header" }, "Table of Contents"), /* @__PURE__ */ React5.createElement("nav", { className: "notion-table-of-contents" }, toc.map((tocItem) => {
+  return /* @__PURE__ */ React5.createElement("aside", { className: `notion-aside ${className || ""}` }, hasToc && /* @__PURE__ */ React5.createElement("div", { className: "notion-aside-table-of-contents" }, /* @__PURE__ */ React5.createElement("div", { className: "notion-aside-table-of-contents-header" }, "Table of Contents"), /* @__PURE__ */ React5.createElement("nav", { className: "notion-table-of-contents" }, toc.map((tocItem) => {
     const id = uuidToId(tocItem.id);
     return /* @__PURE__ */ React5.createElement(
       "a",
       {
         key: id,
         href: `#${id}`,
-        className: cs(
-          "notion-table-of-contents-item",
-          `notion-table-of-contents-item-indent-level-${tocItem.indentLevel}`,
-          activeSection === id && "notion-table-of-contents-active-item"
-        )
+        className: `notion-table-of-contents-item
+                    notion-table-of-contents-item-indent-level-${tocItem.indentLevel}
+                    ${activeSection === id && "notion-table-of-contents-active-item"}`
       },
       /* @__PURE__ */ React5.createElement(
         "span",
@@ -257,8 +254,8 @@ var Block = (props) => {
   if (!block)
     return null;
   if (level === 0 && block.type === "collection_view") {
-    ;
-    block.type = "collection_view_page";
+    const view_block = block;
+    view_block.type = "collection_view_page";
   }
   const blockId = hideBlockId ? "notion-block" : `notion-block-${uuidToId2(block.id)}`;
   switch (block.type) {
@@ -289,7 +286,7 @@ var Block = (props) => {
           const hasToc = showTableOfContents && toc.length >= minTableOfContentsItems;
           const hasAside = (hasToc || pageAside) && !page_full_width;
           const hasPageCover = pageCover || page_cover;
-          return /* @__PURE__ */ React8.createElement("div", { className: cs("notion", "notion-app", darkMode ? "dark" : "light", blockId, className) }, /* @__PURE__ */ React8.createElement("div", { className: "notion-viewport" }), /* @__PURE__ */ React8.createElement("div", { className: "notion-frame" }, !disableHeader && /* @__PURE__ */ React8.createElement(components.Header, { block }), header, /* @__PURE__ */ React8.createElement("div", { className: "notion-page-scroller" }, hasPageCover && (pageCover ? pageCover : /* @__PURE__ */ React8.createElement("div", { className: "notion-page-cover-wrapper" }, /* @__PURE__ */ React8.createElement(
+          return /* @__PURE__ */ React8.createElement("div", { className: `notion notion-app ${darkMode ? "dark" : "light"} ${blockId} ${className || ""}` }, /* @__PURE__ */ React8.createElement("div", { className: "notion-viewport" }), /* @__PURE__ */ React8.createElement("div", { className: "notion-frame" }, !disableHeader && /* @__PURE__ */ React8.createElement(components.Header, { block }), header, /* @__PURE__ */ React8.createElement("div", { className: "notion-page-scroller" }, hasPageCover && (pageCover ? pageCover : /* @__PURE__ */ React8.createElement("div", { className: "notion-page-cover-wrapper" }, /* @__PURE__ */ React8.createElement(
             LazyImage,
             {
               src: mapImageUrl(page_cover, block),
@@ -301,16 +298,14 @@ var Block = (props) => {
           ))), /* @__PURE__ */ React8.createElement(
             "main",
             {
-              className: cs(
-                "notion-page",
-                hasPageCover ? "notion-page-has-cover" : "notion-page-no-cover",
-                page_icon ? "notion-page-has-icon" : "notion-page-no-icon",
-                isPageIconUrl ? "notion-page-has-image-icon" : "notion-page-has-text-icon",
-                "notion-full-page",
-                page_full_width && "notion-full-width",
-                page_small_text && "notion-small-text",
-                bodyClassName
-              )
+              className: `notion-page
+                      ${hasPageCover ? "notion-page-has-cover" : "notion-page-no-cover"}
+                      ${page_icon ? "notion-page-has-icon" : "notion-page-no-icon"}
+                      ${isPageIconUrl ? "notion-page-has-image-icon" : "notion-page-has-text-icon"}
+                      notion-full-page
+                      ${page_full_width && "notion-full-width"}
+                      ${page_small_text && "notion-small-text"}
+                      ${bodyClassName}`
             },
             page_icon && /* @__PURE__ */ React8.createElement(PageIcon, { block, defaultIcon: defaultPageIcon, inline: false }),
             pageHeader,
@@ -319,11 +314,9 @@ var Block = (props) => {
             block.type !== "collection_view_page" && /* @__PURE__ */ React8.createElement(
               "div",
               {
-                className: cs(
-                  "notion-page-content",
-                  hasAside && "notion-page-content-has-aside",
-                  hasToc && "notion-page-content-has-toc"
-                )
+                className: `notion-page-content
+                          ${hasAside && "notion-page-content-has-aside"}
+                          ${hasToc && "notion-page-content-has-toc"}`
               },
               /* @__PURE__ */ React8.createElement("article", { className: "notion-page-content-inner" }, children),
               hasAside && /* @__PURE__ */ React8.createElement(
@@ -344,16 +337,14 @@ var Block = (props) => {
           return /* @__PURE__ */ React8.createElement(
             "main",
             {
-              className: cs(
-                "notion",
-                darkMode ? "dark" : "light",
-                "notion-page",
-                page_full_width && "notion-full-width",
-                page_small_text && "notion-small-text",
-                blockId,
-                className,
-                bodyClassName
-              )
+              className: `notion
+                ${darkMode ? "dark" : "light"},
+                notion-page
+                ${page_full_width && "notion-full-width"}
+                ${page_small_text && "notion-small-text"}
+                ${blockId}
+                ${className || ""}
+                ${bodyClassName}`
             },
             /* @__PURE__ */ React8.createElement("div", { className: "notion-viewport" }),
             pageHeader,
@@ -367,7 +358,7 @@ var Block = (props) => {
         return /* @__PURE__ */ React8.createElement(
           components.PageLink,
           {
-            className: cs("notion-page-link", blockColor && `notion-${blockColor}`, blockId),
+            className: `notion-page-link ${blockColor && `notion-${blockColor}`} ${blockId}`,
             href: mapPageUrl(block.id)
           },
           /* @__PURE__ */ React8.createElement(PageTitle, { block })
@@ -399,14 +390,12 @@ var Block = (props) => {
       const isH1 = block.type === "header";
       const isH2 = block.type === "sub_header";
       const isH3 = block.type === "sub_sub_header";
-      const classNameStr = cs(
-        isH1 && "notion-h notion-h1",
-        isH2 && "notion-h notion-h2",
-        isH3 && "notion-h notion-h3",
-        blockColor && `notion-${blockColor}`,
-        indentLevelClass,
-        blockId
-      );
+      const classNameStr = `${isH1 && "notion-h notion-h1"}
+        ${isH2 && "notion-h notion-h2"}
+        ${isH3 && "notion-h notion-h3"}
+        ${blockColor && `notion-${blockColor}`}
+        ${indentLevelClass},
+        ${blockId}`;
       const innerHeader = /* @__PURE__ */ React8.createElement("span", null, /* @__PURE__ */ React8.createElement("div", { id, className: "notion-header-anchor" }), !((_f = block.format) == null ? void 0 : _f.toggleable) && /* @__PURE__ */ React8.createElement("a", { className: "notion-hash-link", href: `#${id}`, title }, /* @__PURE__ */ React8.createElement(LinkIcon, null)), /* @__PURE__ */ React8.createElement("span", { className: "notion-h-title" }, /* @__PURE__ */ React8.createElement(Text, { value: block.properties.title, block })));
       let headerBlock = null;
       if (isH1)
@@ -416,21 +405,21 @@ var Block = (props) => {
       else
         headerBlock = /* @__PURE__ */ React8.createElement("h4", { className: classNameStr, "data-id": id }, innerHeader);
       if ((_g = block.format) == null ? void 0 : _g.toggleable)
-        return /* @__PURE__ */ React8.createElement("details", { className: cs("notion-toggle", blockId) }, /* @__PURE__ */ React8.createElement("summary", null, headerBlock), /* @__PURE__ */ React8.createElement("div", null, children));
+        return /* @__PURE__ */ React8.createElement("details", { className: `notion-toggle ${blockId}` }, /* @__PURE__ */ React8.createElement("summary", null, headerBlock), /* @__PURE__ */ React8.createElement("div", null, children));
       else
         return headerBlock;
     }
     case "divider":
-      return /* @__PURE__ */ React8.createElement("hr", { className: cs("notion-hr", blockId) });
+      return /* @__PURE__ */ React8.createElement("hr", { className: `notion-hr ${blockId}` });
     case "text": {
       if (!block.properties && !((_h = block.content) == null ? void 0 : _h.length))
-        return /* @__PURE__ */ React8.createElement("div", { className: cs("notion-blank", blockId) }, "\xA0");
+        return /* @__PURE__ */ React8.createElement("div", { className: `notion-blank ${blockId}` }, "\xA0");
       const blockColor = (_i = block.format) == null ? void 0 : _i.block_color;
-      return /* @__PURE__ */ React8.createElement("div", { className: cs("notion-text", blockColor && `notion-${blockColor}`, blockId) }, ((_j = block.properties) == null ? void 0 : _j.title) && /* @__PURE__ */ React8.createElement(Text, { value: block.properties.title, block }), children && /* @__PURE__ */ React8.createElement("div", { className: "notion-text-children" }, children));
+      return /* @__PURE__ */ React8.createElement("div", { className: `notion-text ${blockColor && `notion-${blockColor}`} ${blockId}` }, ((_j = block.properties) == null ? void 0 : _j.title) && /* @__PURE__ */ React8.createElement(Text, { value: block.properties.title, block }), children && /* @__PURE__ */ React8.createElement("div", { className: "notion-text-children" }, children));
     }
     case "bulleted_list":
     case "numbered_list": {
-      const wrapList = (content, start2) => block.type === "bulleted_list" ? /* @__PURE__ */ React8.createElement("ul", { className: cs("notion-list", "notion-list-disc", blockId) }, content) : /* @__PURE__ */ React8.createElement("ol", { start: start2, className: cs("notion-list", "notion-list-numbered", blockId) }, content);
+      const wrapList = (content, start2) => block.type === "bulleted_list" ? /* @__PURE__ */ React8.createElement("ul", { className: `notion-list notion-list-disc ${blockId}` }, content) : /* @__PURE__ */ React8.createElement("ol", { start: start2, className: `notion-list notion-list-numbered ${blockId}` }, content);
       let output = null;
       if (block.content)
         output = /* @__PURE__ */ React8.createElement(React8.Fragment, null, block.properties && /* @__PURE__ */ React8.createElement("li", null, /* @__PURE__ */ React8.createElement(Text, { value: block.properties.title, block })), wrapList(children));
@@ -470,7 +459,7 @@ var Block = (props) => {
     case "code":
       return /* @__PURE__ */ React8.createElement(components.Code, { block });
     case "column_list":
-      return /* @__PURE__ */ React8.createElement("div", { className: cs("notion-row", blockId) }, children);
+      return /* @__PURE__ */ React8.createElement("div", { className: `notion-row ${blockId}` }, children);
     case "column": {
       const spacerWidth = `min(32px, 4vw)`;
       const ratio = ((_o = block.format) == null ? void 0 : _o.column_ratio) || 0.5;
@@ -478,13 +467,13 @@ var Block = (props) => {
       const columns = ((_q = parent == null ? void 0 : parent.content) == null ? void 0 : _q.length) || Math.max(2, Math.ceil(1 / ratio));
       const width = `calc((100% - (${columns - 1} * ${spacerWidth})) * ${ratio})`;
       const style = { width };
-      return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement("div", { className: cs("notion-column", blockId), style }, children), /* @__PURE__ */ React8.createElement("div", { className: "notion-spacer" }));
+      return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement("div", { className: `notion-column ${blockId}`, style }, children), /* @__PURE__ */ React8.createElement("div", { className: "notion-spacer" }));
     }
     case "quote": {
       if (!block.properties)
         return null;
       const blockColor = (_r = block.format) == null ? void 0 : _r.block_color;
-      return /* @__PURE__ */ React8.createElement("blockquote", { className: cs("notion-quote", blockColor && `notion-${blockColor}`, blockId) }, /* @__PURE__ */ React8.createElement("div", null, /* @__PURE__ */ React8.createElement(Text, { value: block.properties.title, block })), children);
+      return /* @__PURE__ */ React8.createElement("blockquote", { className: `notion-quote ${blockColor && `notion-${blockColor}`} ${blockId}` }, /* @__PURE__ */ React8.createElement("div", null, /* @__PURE__ */ React8.createElement(Text, { value: block.properties.title, block })), children);
     }
     case "collection_view":
       return /* @__PURE__ */ React8.createElement(components.Collection, { block, className: blockId, ctx });
@@ -495,7 +484,7 @@ var Block = (props) => {
         return /* @__PURE__ */ React8.createElement(
           "div",
           {
-            className: cs("notion-callout", ((_s = block.format) == null ? void 0 : _s.block_color) && `notion-${(_t = block.format) == null ? void 0 : _t.block_color}_co`, blockId)
+            className: `notion-callout ${((_s = block.format) == null ? void 0 : _s.block_color) && `notion-${(_t = block.format) == null ? void 0 : _t.block_color}_co`} ${blockId}`
           },
           /* @__PURE__ */ React8.createElement(PageIcon, { block }),
           /* @__PURE__ */ React8.createElement("div", { className: "notion-callout-text" }, /* @__PURE__ */ React8.createElement(Text, { value: (_u = block.properties) == null ? void 0 : _u.title, block }), children)
@@ -522,7 +511,7 @@ var Block = (props) => {
         {
           target: "_blank",
           rel: "noopener noreferrer",
-          className: cs("notion-bookmark", ((_w = block.format) == null ? void 0 : _w.block_color) && `notion-${block.format.block_color}`, blockId),
+          className: `notion-bookmark ${((_w = block.format) == null ? void 0 : _w.block_color) && `notion-${block.format.block_color}`} ${blockId}`,
           href: link[0][0]
         },
         /* @__PURE__ */ React8.createElement("div", null, title && /* @__PURE__ */ React8.createElement("div", { className: "notion-bookmark-title" }, /* @__PURE__ */ React8.createElement(Text, { value: [[title]], block })), ((_x = block.properties) == null ? void 0 : _x.description) && /* @__PURE__ */ React8.createElement("div", { className: "notion-bookmark-description" }, /* @__PURE__ */ React8.createElement(Text, { value: (_y = block.properties) == null ? void 0 : _y.description, block })), /* @__PURE__ */ React8.createElement("div", { className: "notion-bookmark-link" }, ((_z = block.format) == null ? void 0 : _z.bookmark_icon) && /* @__PURE__ */ React8.createElement("div", { className: "notion-bookmark-link-icon" }, /* @__PURE__ */ React8.createElement(LazyImage, { src: mapImageUrl((_A = block.format) == null ? void 0 : _A.bookmark_icon, block), alt: title })), /* @__PURE__ */ React8.createElement("div", { className: "notion-bookmark-link-text" }, /* @__PURE__ */ React8.createElement(Text, { value: link, block })))),
@@ -539,14 +528,14 @@ var Block = (props) => {
       ));
     }
     case "toggle":
-      return /* @__PURE__ */ React8.createElement("details", { className: cs("notion-toggle", blockId) }, /* @__PURE__ */ React8.createElement("summary", null, /* @__PURE__ */ React8.createElement(Text, { value: (_E = block.properties) == null ? void 0 : _E.title, block })), /* @__PURE__ */ React8.createElement("div", null, children));
+      return /* @__PURE__ */ React8.createElement("details", { className: `notion-toggle ${blockId}` }, /* @__PURE__ */ React8.createElement("summary", null, /* @__PURE__ */ React8.createElement(Text, { value: (_E = block.properties) == null ? void 0 : _E.title, block })), /* @__PURE__ */ React8.createElement("div", null, children));
     case "table_of_contents": {
       const page = getBlockParentPage(block, recordMap);
       if (!page)
         return null;
       const toc = getPageTableOfContents(page, recordMap);
       const blockColor = (_F = block.format) == null ? void 0 : _F.block_color;
-      return /* @__PURE__ */ React8.createElement("div", { className: cs("notion-table-of-contents", blockColor && `notion-${blockColor}`, blockId) }, toc.map((tocItem) => /* @__PURE__ */ React8.createElement("a", { key: tocItem.id, href: `#${uuidToId2(tocItem.id)}`, className: "notion-table-of-contents-item" }, /* @__PURE__ */ React8.createElement(
+      return /* @__PURE__ */ React8.createElement("div", { className: `notion-table-of-contents ${blockColor && `notion-${blockColor}`} ${blockId}` }, toc.map((tocItem) => /* @__PURE__ */ React8.createElement("a", { key: tocItem.id, href: `#${uuidToId2(tocItem.id)}`, className: "notion-table-of-contents-item" }, /* @__PURE__ */ React8.createElement(
         "span",
         {
           className: "notion-table-of-contents-item-body",
@@ -560,10 +549,10 @@ var Block = (props) => {
     }
     case "to_do": {
       const isChecked = ((_I = (_H = (_G = block.properties) == null ? void 0 : _G.checked) == null ? void 0 : _H[0]) == null ? void 0 : _I[0]) === "Yes";
-      return /* @__PURE__ */ React8.createElement("div", { className: cs("notion-to-do", blockId) }, /* @__PURE__ */ React8.createElement("div", { className: "notion-to-do-item" }, /* @__PURE__ */ React8.createElement(components.Checkbox, { blockId, isChecked }), /* @__PURE__ */ React8.createElement("div", { className: cs("notion-to-do-body", isChecked && `notion-to-do-checked`) }, /* @__PURE__ */ React8.createElement(Text, { value: (_J = block.properties) == null ? void 0 : _J.title, block }))), /* @__PURE__ */ React8.createElement("div", { className: "notion-to-do-children" }, children));
+      return /* @__PURE__ */ React8.createElement("div", { className: `notion-to-do ${blockId}` }, /* @__PURE__ */ React8.createElement("div", { className: "notion-to-do-item" }, /* @__PURE__ */ React8.createElement(components.Checkbox, { blockId, isChecked }), /* @__PURE__ */ React8.createElement("div", { className: `notion-to-do-body ${isChecked && `notion-to-do-checked`}` }, /* @__PURE__ */ React8.createElement(Text, { value: (_J = block.properties) == null ? void 0 : _J.title, block }))), /* @__PURE__ */ React8.createElement("div", { className: "notion-to-do-children" }, children));
     }
     case "transclusion_container":
-      return /* @__PURE__ */ React8.createElement("div", { className: cs("notion-sync-block", blockId) }, children);
+      return /* @__PURE__ */ React8.createElement("div", { className: `notion-sync-block ${blockId}` }, children);
     case "transclusion_reference":
       return /* @__PURE__ */ React8.createElement(SyncPointerBlock, __spreadValues({ block, level: level + 1 }, props));
     case "alias": {
@@ -573,10 +562,10 @@ var Block = (props) => {
         console.debug('"alias" missing block', blockPointerId);
         return null;
       }
-      return /* @__PURE__ */ React8.createElement(components.PageLink, { className: cs("notion-page-link", blockPointerId), href: mapPageUrl(blockPointerId) }, /* @__PURE__ */ React8.createElement(PageTitle, { block: linkedBlock }));
+      return /* @__PURE__ */ React8.createElement(components.PageLink, { className: `notion-page-link ${blockPointerId}}`, href: mapPageUrl(blockPointerId) }, /* @__PURE__ */ React8.createElement(PageTitle, { block: linkedBlock }));
     }
     case "table":
-      return /* @__PURE__ */ React8.createElement("table", { className: cs("notion-simple-table", blockId) }, /* @__PURE__ */ React8.createElement("tbody", null, children));
+      return /* @__PURE__ */ React8.createElement("table", { className: `notion-simple-table ${blockId}` }, /* @__PURE__ */ React8.createElement("tbody", null, children));
     case "table_row": {
       const tableBlock = (_N = recordMap.block[block.parent_id]) == null ? void 0 : _N.value;
       const order = (_O = tableBlock.format) == null ? void 0 : _O.table_block_column_order;
@@ -584,7 +573,7 @@ var Block = (props) => {
       const backgroundColor = (_Q = block.format) == null ? void 0 : _Q.block_color;
       if (!tableBlock || !order)
         return null;
-      return /* @__PURE__ */ React8.createElement("tr", { className: cs("notion-simple-table-row", backgroundColor && `notion-${backgroundColor}`, blockId) }, order.map((column) => {
+      return /* @__PURE__ */ React8.createElement("tr", { className: `notion-simple-table-row ${backgroundColor && `notion-${backgroundColor}`} ${blockId}` }, order.map((column) => {
         var _a2, _b2, _c2;
         const color = (_a2 = formatMap == null ? void 0 : formatMap[column]) == null ? void 0 : _a2.color;
         return /* @__PURE__ */ React8.createElement(
@@ -607,7 +596,6 @@ var Block = (props) => {
         console.debug("Unsupported type " + block.type, JSON.stringify(block, null, 2));
       return /* @__PURE__ */ React8.createElement("div", null);
   }
-  return null;
 };
 
 // src/renderer.tsx
@@ -752,7 +740,6 @@ export {
   SearchDialog,
   SyncPointerBlock,
   Text,
-  cs,
   dummyLink,
   formatDate,
   formatNotionDateTime,

package/build/third-party/code.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/third-party/code.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAG3C,OAAO,uCAAuC,CAAA;AAC9C,OAAO,4CAA4C,CAAA;AACnD,OAAO,qCAAqC,CAAA;AAC5C,OAAO,4CAA4C,CAAA;AACnD,OAAO,2CAA2C,CAAA;AAClD,OAAO,sCAAsC,CAAA;AAC7C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,4CAA4C,CAAA;AAOnD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1B,KAAK,EAAE,SAAS,CAAA;IAChB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CA+DA,CAAA"}
+{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/third-party/code.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAG3C,OAAO,uCAAuC,CAAA;AAC9C,OAAO,4CAA4C,CAAA;AACnD,OAAO,qCAAqC,CAAA;AAC5C,OAAO,4CAA4C,CAAA;AACnD,OAAO,2CAA2C,CAAA;AAClD,OAAO,sCAAsC,CAAA;AAC7C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,4CAA4C,CAAA;AAMnD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;IAC1B,KAAK,EAAE,SAAS,CAAA;IAChB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CA+DA,CAAA"}

package/build/third-party/code.js

@@ -1,8 +1,7 @@
 import {
   Text,
-  cs,
   useNotionContext
-} from "../chunk-26XPY26R.js";
+} from "../chunk-HJGIONX2.js";
 import {
   __async,
   __commonJS,
@@ -129,7 +128,7 @@ var Code = ({ block, defaultLanguage = "typescript", className }) => {
     }, 1200);
   }, [content, copyTimeout]);
   const copyButton = /* @__PURE__ */ React2.createElement("div", { className: "notion-code-copy-button", onClick: onClickCopyToClipboard }, /* @__PURE__ */ React2.createElement(copy_default, null));
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("pre", { className: cs("notion-code", className) }, /* @__PURE__ */ React2.createElement("div", { className: "notion-code-copy" }, copyButton, isCopied && /* @__PURE__ */ React2.createElement("div", { className: "notion-code-copy-tooltip" }, /* @__PURE__ */ React2.createElement("div", null, isCopied ? "Copied" : "Copy"))), /* @__PURE__ */ React2.createElement("code", { className: `language-${language}`, ref: codeRef }, content)), caption && /* @__PURE__ */ React2.createElement("figcaption", { className: "notion-asset-caption" }, /* @__PURE__ */ React2.createElement(Text, { value: caption, block })));
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("pre", { className: `notion-code ${className || ""}` }, /* @__PURE__ */ React2.createElement("div", { className: "notion-code-copy" }, copyButton, isCopied && /* @__PURE__ */ React2.createElement("div", { className: "notion-code-copy-tooltip" }, /* @__PURE__ */ React2.createElement("div", null, isCopied ? "Copied" : "Copy"))), /* @__PURE__ */ React2.createElement("code", { className: `language-${language}`, ref: codeRef }, content)), caption && /* @__PURE__ */ React2.createElement("figcaption", { className: "notion-asset-caption" }, /* @__PURE__ */ React2.createElement(Text, { value: caption, block })));
 };
 export {
   Code

package/build/third-party/collection-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collection-card.d.ts","sourceRoot":"","sources":["../../src/third-party/collection-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAI9C,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkKxD,CAAA"}
+{"version":3,"file":"collection-card.d.ts","sourceRoot":"","sources":["../../src/third-party/collection-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAG9C,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkKxD,CAAA"}

package/build/third-party/collection-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collection-row.d.ts","sourceRoot":"","sources":["../../src/third-party/collection-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAO3C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,KAAK,EAAE,SAAS,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CA2DA,CAAA"}
+{"version":3,"file":"collection-row.d.ts","sourceRoot":"","sources":["../../src/third-party/collection-row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAM3C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACnC,KAAK,EAAE,SAAS,CAAA;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CA2DA,CAAA"}

package/build/third-party/collection-view-board.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collection-view-board.d.ts","sourceRoot":"","sources":["../../src/third-party/collection-view-board.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAO9C,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0B7D,CAAA"}
+{"version":3,"file":"collection-view-board.d.ts","sourceRoot":"","sources":["../../src/third-party/collection-view-board.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAM9C,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0B7D,CAAA"}

package/build/third-party/collection-view-gallery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collection-view-gallery.d.ts","sourceRoot":"","sources":["../../src/third-party/collection-view-gallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAQ9C,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkB/D,CAAA"}
+{"version":3,"file":"collection-view-gallery.d.ts","sourceRoot":"","sources":["../../src/third-party/collection-view-gallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAO9C,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkB/D,CAAA"}

package/build/third-party/collection-view-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collection-view-table.d.ts","sourceRoot":"","sources":["../../src/third-party/collection-view-table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAS9C,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgC7D,CAAA"}
+{"version":3,"file":"collection-view-table.d.ts","sourceRoot":"","sources":["../../src/third-party/collection-view-table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAQ9C,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAgC7D,CAAA"}

package/build/third-party/collection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collection.d.ts","sourceRoot":"","sources":["../../src/third-party/collection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,aAAa,EAA2C,MAAM,YAAY,CAAA;AAKnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAE7C,OAAO,KAAK,EACV,SAAS,EACT,mBAAmB,EACnB,uBAAuB,EAExB,MAAM,iBAAiB,CAAA;AAIxB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,KAAK,EAAE,mBAAmB,GAAG,uBAAuB,GAAG,SAAS,CAAA;IAChE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,EAAE,aAAa,CAAA;CACnB,CAwCA,CAAA;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,KAAK,EAAE,mBAAmB,GAAG,uBAAuB,CAAA;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAsHA,CAAA;AA6CD,OAAO,EAAE,gBAAgB,IAAI,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"collection.d.ts","sourceRoot":"","sources":["../../src/third-party/collection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,EAAE,aAAa,EAA2C,MAAM,YAAY,CAAA;AAInF,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAE7C,OAAO,KAAK,EACV,SAAS,EACT,mBAAmB,EACnB,uBAAuB,EAExB,MAAM,iBAAiB,CAAA;AAIxB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,KAAK,EAAE,mBAAmB,GAAG,uBAAuB,GAAG,SAAS,CAAA;IAChE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,EAAE,aAAa,CAAA;CACnB,CAwCA,CAAA;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC;IAClC,KAAK,EAAE,mBAAmB,GAAG,uBAAuB,CAAA;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAsHA,CAAA;AA2CD,OAAO,EAAE,gBAAgB,IAAI,QAAQ,EAAE,CAAA"}

package/build/third-party/collection.js

@@ -9,11 +9,10 @@ import {
   PageIcon,
   PageTitle,
   Text,
-  cs,
   dummyLink,
   formatDate,
   useNotionContext
-} from "../chunk-26XPY26R.js";
+} from "../chunk-HJGIONX2.js";
 import {
   __commonJS,
   __objRest,
@@ -3486,7 +3485,7 @@ var PropertyImpl = (props) => {
   const renderTitleValue = React6.useMemo(
     () => function FormulaTitle() {
       if (block && linkToTitlePage)
-        return /* @__PURE__ */ React6.createElement(components.PageLink, { className: cs("notion-page-link"), href: mapPageUrl(block.id) }, /* @__PURE__ */ React6.createElement(PageTitle, { block }));
+        return /* @__PURE__ */ React6.createElement(components.PageLink, { className: "notion-page-link", href: mapPageUrl(block.id) }, /* @__PURE__ */ React6.createElement(PageTitle, { block }));
       else
         return /* @__PURE__ */ React6.createElement(Text, { value: data, block });
     },
@@ -3641,7 +3640,7 @@ var PropertyImpl = (props) => {
               option,
               color
             }),
-            () => /* @__PURE__ */ React6.createElement("div", { key: index, className: cs(`notion-property-${schema.type}-item`, color && `notion-item-${color}`) }, value)
+            () => /* @__PURE__ */ React6.createElement("div", { key: index, className: `notion-property-${schema.type}-item ${color && `notion-item-${color}`}` }, value)
           );
         });
         break;
@@ -3722,7 +3721,7 @@ var CollectionRow = ({ block, pageHeader = false, className }) => {
   } else {
     propertyIds.sort((a, b) => schemas[a].name.localeCompare(schemas[b].name));
   }
-  return /* @__PURE__ */ React7.createElement("div", { className: cs("notion-collection-row", className) }, /* @__PURE__ */ React7.createElement("div", { className: "notion-collection-row-body" }, propertyIds.map((propertyId) => {
+  return /* @__PURE__ */ React7.createElement("div", { className: `notion-collection-row ${className || ""}` }, /* @__PURE__ */ React7.createElement("div", { className: "notion-collection-row-body" }, propertyIds.map((propertyId) => {
     var _a2;
     const schema = schemas[propertyId];
     return /* @__PURE__ */ React7.createElement("div", { className: "notion-collection-row-property", key: propertyId }, /* @__PURE__ */ React7.createElement(CollectionColumnTitle, { schema }), /* @__PURE__ */ React7.createElement("div", { className: "notion-collection-row-value" }, /* @__PURE__ */ React7.createElement(
@@ -3878,14 +3877,14 @@ var CollectionCard = (_a) => {
     isLinkCollectionToUrlProperty && url ? /* @__PURE__ */ React9.createElement(
       components.Link,
       __spreadValues({
-        className: cs("notion-collection-card", `notion-collection-card-size-${coverSize}`, className),
+        className: `notion-collection-card ${`notion-collection-card-size-${coverSize}`} ${className || ""}`,
         href: url
       }, rest),
       innerCard
     ) : /* @__PURE__ */ React9.createElement(
       components.PageLink,
       __spreadValues({
-        className: cs("notion-collection-card", `notion-collection-card-size-${coverSize}`, className),
+        className: `notion-collection-card ${`notion-collection-card-size-${coverSize}`} ${className || ""}`,
         href: mapPageUrl(block.id)
       }, rest),
       innerCard
@@ -3997,7 +3996,7 @@ function Board({ collectionView, collectionData, collection, padding }) {
     }),
     [padding]
   );
-  return /* @__PURE__ */ React11.createElement("div", { className: "notion-board" }, /* @__PURE__ */ React11.createElement("div", { className: cs("notion-board-view", `notion-board-view-size-${board_cover_size}`), style: boardStyle }, /* @__PURE__ */ React11.createElement("div", { className: "notion-board-header" }, /* @__PURE__ */ React11.createElement("div", { className: "notion-board-header-inner" }, boardGroups.map((p, index) => {
+  return /* @__PURE__ */ React11.createElement("div", { className: "notion-board" }, /* @__PURE__ */ React11.createElement("div", { className: `notion-board-view ${`notion-board-view-size-${board_cover_size}`}`, style: boardStyle }, /* @__PURE__ */ React11.createElement("div", { className: "notion-board-header" }, /* @__PURE__ */ React11.createElement("div", { className: "notion-board-header-inner" }, boardGroups.map((p, index) => {
     var _a2, _b2, _c;
     if (!((_a2 = collectionData.board_columns) == null ? void 0 : _a2.results))
       return null;
@@ -4059,7 +4058,7 @@ function Gallery({ blockIds, collectionView, collection }) {
     gallery_cover_size = "medium",
     gallery_cover_aspect = "cover"
   } = collectionView.format || {};
-  return /* @__PURE__ */ React12.createElement("div", { className: "notion-gallery" }, /* @__PURE__ */ React12.createElement("div", { className: "notion-gallery-view" }, /* @__PURE__ */ React12.createElement("div", { className: cs("notion-gallery-grid", `notion-gallery-grid-size-${gallery_cover_size}`) }, blockIds == null ? void 0 : blockIds.map((blockId) => {
+  return /* @__PURE__ */ React12.createElement("div", { className: "notion-gallery" }, /* @__PURE__ */ React12.createElement("div", { className: "notion-gallery-view" }, /* @__PURE__ */ React12.createElement("div", { className: `notion-gallery-grid ${`notion-gallery-grid-size-${gallery_cover_size}`}` }, blockIds == null ? void 0 : blockIds.map((blockId) => {
     var _a, _b;
     const block = (_a = recordMap.block[blockId]) == null ? void 0 : _a.value;
     if (!block)
@@ -4197,7 +4196,7 @@ function Table({ blockIds = [], collection, collectionView, width, padding }) {
       "div",
       {
         key: p.property,
-        className: cs("notion-table-cell", `notion-table-cell-${schema.type}`),
+        className: `notion-table-cell ${`notion-table-cell-${schema.type}`}`,
         style
       },
       /* @__PURE__ */ React14.createElement(
@@ -4319,7 +4318,7 @@ var CollectionViewBlock = ({ block, className }) => {
     block.format = __spreadProps(__spreadValues({}, block.format), {
       page_icon: collection.icon
     });
-  return /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement("div", null, viewIds.length > 1 && showCollectionViewDropdown && /* @__PURE__ */ React16.createElement(CollectionViewTabs, { collectionViewId, viewIds, onChangeView })), showTitle && /* @__PURE__ */ React16.createElement("div", { className: "notion-collection-header" }, /* @__PURE__ */ React16.createElement("div", { className: "notion-collection-header-title" }, /* @__PURE__ */ React16.createElement(PageIcon, { block, className: "notion-page-title-icon", hideDefaultIcon: true }), title))), /* @__PURE__ */ React16.createElement("div", { className: cs("notion-collection", className) }, /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React16.createElement(React16.Fragment, null, /* @__PURE__ */ React16.createElement("div", null, /* @__PURE__ */ React16.createElement("div", null, viewIds.length > 1 && showCollectionViewDropdown && /* @__PURE__ */ React16.createElement(CollectionViewTabs, { collectionViewId, viewIds, onChangeView })), showTitle && /* @__PURE__ */ React16.createElement("div", { className: "notion-collection-header" }, /* @__PURE__ */ React16.createElement("div", { className: "notion-collection-header-title" }, /* @__PURE__ */ React16.createElement(PageIcon, { block, className: "notion-page-title-icon", hideDefaultIcon: true }), title))), /* @__PURE__ */ React16.createElement("div", { className: `notion-collection ${className || ""}` }, /* @__PURE__ */ React16.createElement(
     CollectionView,
     {
       collection,
@@ -4339,10 +4338,8 @@ var CollectionViewTabs = ({ collectionViewId, viewIds, onChangeView }) => {
       {
         onClick: () => onChangeView(viewId),
         key: viewId,
-        className: cs(
-          "notion-collection-view-tabs-content-item",
-          collectionViewId === viewId && "notion-collection-view-tabs-content-item-active"
-        )
+        className: `notion-collection-view-tabs-content-item
+            ${collectionViewId === viewId && "notion-collection-view-tabs-content-item-active"}`
       },
       /* @__PURE__ */ React16.createElement(CollectionViewColumnDesc, { collectionView: (_a = recordMap.collection_view[viewId]) == null ? void 0 : _a.value })
     );
@@ -4352,7 +4349,7 @@ var CollectionViewColumnDesc = (_a) => {
   var _b = _a, { collectionView, className, children } = _b, rest = __objRest(_b, ["collectionView", "className", "children"]);
   const { type } = collectionView;
   const name = collectionView.name || `${type[0].toUpperCase()}${type.slice(1)} view`;
-  return /* @__PURE__ */ React16.createElement("div", __spreadValues({ className: cs("notion-collection-view-type", className) }, rest), /* @__PURE__ */ React16.createElement(CollectionViewIcon, { className: "notion-collection-view-type-icon", type }), /* @__PURE__ */ React16.createElement("span", { className: "notion-collection-view-type-title" }, name), children);
+  return /* @__PURE__ */ React16.createElement("div", __spreadValues({ className: `notion-collection-view-type ${className || ""}` }, rest), /* @__PURE__ */ React16.createElement(CollectionViewIcon, { className: "notion-collection-view-type-icon", type }), /* @__PURE__ */ React16.createElement("span", { className: "notion-collection-view-type-title" }, name), children);
 };
 export {
   Collection,

package/build/third-party/equation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"equation.d.ts","sourceRoot":"","sources":["../../src/third-party/equation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAW/C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,KAAK,EAAE,aAAa,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAaA,CAAA"}
+{"version":3,"file":"equation.d.ts","sourceRoot":"","sources":["../../src/third-party/equation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAU/C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9B,KAAK,EAAE,aAAa,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAaA,CAAA"}

package/build/third-party/equation.js

@@ -1,7 +1,6 @@
 import {
-  cs,
   useNotionContext
-} from "../chunk-26XPY26R.js";
+} from "../chunk-HJGIONX2.js";
 import {
   __objRest,
   __spreadValues
@@ -26,7 +25,7 @@ var Equation = (_a) => {
     {
       role: "button",
       tabIndex: 0,
-      className: cs("notion-equation", inline ? "notion-equation-inline" : "notion-equation-block", className)
+      className: `notion-equation ${inline ? "notion-equation-inline" : "notion-equation-block"} ${className || ""}`
     },
     /* @__PURE__ */ React.createElement(Katex, __spreadValues({ math, settings: katexSettings }, rest))
   );