@papyrus-sdk/ui-react 0.2.17 → 0.2.19

package/dist/index.mjs

@@ -8,6 +8,7 @@ var Topbar = ({
   showBrand = false,
   brand,
   title,
+  style,
   showSidebarLeftToggle = true,
   showPageControls = true,
   showZoomControls = true,
@@ -354,6 +355,7 @@ var Topbar = ({
     {
       "data-papyrus-theme": uiTheme,
       className: `papyrus-topbar papyrus-theme relative h-14 border-b flex items-center px-3 sm:px-4 z-50 transition-colors duration-200 ${isDark ? "bg-[#1a1a1a] border-[#333] text-white" : "bg-white border-gray-200 text-gray-800"}`,
+      style,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 min-w-0 z-10", children: [
           showSidebarLeftToggle && /* @__PURE__ */ jsx(
@@ -886,7 +888,7 @@ var OutlineNode = ({ item, engine, isDark, accentColor, depth = 0 }) => {
     )) })
   ] });
 };
-var SidebarLeft = ({ engine }) => {
+var SidebarLeft = ({ engine, style }) => {
   const {
     pageCount,
     currentPage,
@@ -908,6 +910,7 @@ var SidebarLeft = ({ engine }) => {
     {
       "data-papyrus-theme": uiTheme,
       className: `papyrus-sidebar-left papyrus-theme absolute left-0 top-0 bottom-0 z-[120] w-[85vw] max-w-72 border-r flex flex-col h-full overflow-hidden transition-colors duration-200 ${isDark ? "bg-[#2a2a2a] border-[#3a3a3a]" : "bg-[#fcfcfc] border-gray-200"}`,
+      style,
       children: [
         /* @__PURE__ */ jsxs2(
           "div",
@@ -1048,7 +1051,7 @@ var withAlpha2 = (hex, alpha) => {
   const b = parseInt(value.slice(4, 6), 16);
   return `rgba(${r}, ${g}, ${b}, ${alpha})`;
 };
-var SidebarRight = ({ engine }) => {
+var SidebarRight = ({ engine, style }) => {
   const {
     sidebarRightOpen,
     sidebarRightTab,
@@ -1085,6 +1088,7 @@ var SidebarRight = ({ engine }) => {
     {
       "data-papyrus-theme": uiTheme,
       className: `papyrus-sidebar-right papyrus-theme absolute right-0 top-0 bottom-0 z-[120] w-[88vw] max-w-80 border-l flex flex-col h-full transition-colors duration-200 shadow-2xl ${isDark ? "bg-[#1a1a1a] border-[#333]" : "bg-white border-gray-200"}`,
+      style,
       children: [
         /* @__PURE__ */ jsxs3(
           "div",
@@ -2079,7 +2083,7 @@ var MIN_ZOOM = 0.2;
 var MAX_ZOOM = 5;
 var WIDTH_SNAP_PX = 4;
 var WIDTH_HYSTERESIS_PX = 6;
-var Viewer = ({ engine }) => {
+var Viewer = ({ engine, style }) => {
   const {
     pageCount,
     currentPage,
@@ -2422,6 +2426,7 @@ var Viewer = ({ engine }) => {
       onTouchEnd: handleTouchEnd,
       onTouchCancel: handleTouchEnd,
       className: `papyrus-viewer papyrus-theme min-w-0 w-full flex-1 overflow-y-scroll overflow-x-hidden flex flex-col items-center ${paddingY} relative custom-scrollbar scroll-smooth ${isDark ? "bg-[#121212]" : "bg-[#e9ecef]"}`,
+      style,
       children: [
         /* @__PURE__ */ jsx5("div", { className: "flex flex-col items-center gap-6 w-full min-w-0", children: pages.map((idx) => /* @__PURE__ */ jsx5(
           "div",