@underverse-ui/underverse 1.0.122 → 1.0.124

package/dist/index.d.cts

@@ -2094,6 +2094,7 @@ interface CarouselEffectOptions {
     sideOpacity?: number;
     farOpacity?: number;
     sideOffset?: number;
+    verticalOffset?: number;
     rotate?: number;
     depthStep?: number;
     blur?: number;

package/dist/index.d.ts

@@ -2094,6 +2094,7 @@ interface CarouselEffectOptions {
     sideOpacity?: number;
     farOpacity?: number;
     sideOffset?: number;
+    verticalOffset?: number;
     rotate?: number;
     depthStep?: number;
     blur?: number;

package/dist/index.js

@@ -19158,6 +19158,7 @@ function Carousel({
       sideOpacity: effectiveAnimation === "stack" ? 0.8 : 0.86,
       farOpacity: effectiveAnimation === "stack" ? 0.5 : 0.48,
       sideOffset: effectiveAnimation === "stack" ? 20 : 28,
+      verticalOffset: 0,
       rotate: 24,
       depthStep: effectiveAnimation === "stack" ? 60 : 90,
       blur: 1.1,
@@ -19327,22 +19328,23 @@ function Carousel({
       }
       if (effectiveAnimation === "stack") {
         const xOffset2 = distance * mergedEffectOptions.stackOffset;
-        const yOffset = absDistance * mergedEffectOptions.stackLift;
+        const yOffset2 = absDistance * mergedEffectOptions.stackLift;
         const scale2 = distance === 0 ? mergedEffectOptions.mainScale : distance === 1 || distance === -1 ? mergedEffectOptions.sideScale : mergedEffectOptions.farScale;
         return {
           opacity: distance === 0 ? 1 : distance === 1 || distance === -1 ? mergedEffectOptions.sideOpacity : mergedEffectOptions.farOpacity,
-          transform: `translate3d(${xOffset2}px, ${yOffset}px, -${absDistance * mergedEffectOptions.depthStep}px) scale(${scale2})`,
+          transform: `translate3d(${xOffset2}px, ${yOffset2}px, -${absDistance * mergedEffectOptions.depthStep}px) scale(${scale2})`,
           filter: distance === 0 ? "blur(0px)" : `blur(${Math.min(absDistance, 2) * mergedEffectOptions.blur}px)`,
           pointerEvents: "auto",
           zIndex: 30 - absDistance
         };
       }
       const xOffset = distance * mergedEffectOptions.sideOffset;
+      const yOffset = mergedEffectOptions.verticalOffset ?? 0;
       const rotateY = distance * -mergedEffectOptions.rotate;
       const scale = distance === 0 ? mergedEffectOptions.mainScale : distance === 1 || distance === -1 ? mergedEffectOptions.sideScale : mergedEffectOptions.farScale;
       return {
         opacity: distance === 0 ? 1 : distance === 1 || distance === -1 ? mergedEffectOptions.sideOpacity : mergedEffectOptions.farOpacity,
-        transform: `translate3d(${xOffset}%, 0, -${absDistance * mergedEffectOptions.depthStep}px) rotateY(${rotateY}deg) scale(${scale})`,
+        transform: `translate3d(${xOffset}%, ${yOffset}px, -${absDistance * mergedEffectOptions.depthStep}px) rotateY(${rotateY}deg) scale(${scale})`,
         filter: distance === 0 ? "blur(0px)" : `blur(${Math.min(absDistance, 2) * mergedEffectOptions.blur}px)`,
         pointerEvents: "auto",
         zIndex: 30 - absDistance
@@ -25211,7 +25213,7 @@ function buildUEditorExtensions({
       types: ["heading", "paragraph", "image"]
     }),
     table_align_default.configure({
-      resizable: true,
+      resizable: editable,
       handleWidth: 10,
       allowTableNodeSelection: true,
       HTMLAttributes: {
@@ -32816,7 +32818,7 @@ function useTableRowResize({
 }
 
 // src/components/UEditor/use-table-interactions.ts
-function useUEditorTableInteractions(editor) {
+function useUEditorTableInteractions(editor, editable = true) {
   const editorContentRef = useRef33(null);
   const tableColumnGuideRef = useRef33(null);
   const tableRowGuideRef = useRef33(null);
@@ -32935,7 +32937,7 @@ function useUEditorTableInteractions(editor) {
     setActiveTableCell(getSelectionTableCell(editor.view));
   }, [editor, setActiveTableCell]);
   useEffect35(() => {
-    if (!editor) return void 0;
+    if (!editor || !editable) return void 0;
     const proseMirror = editor.view.dom;
     const surface = editorContentRef.current;
     let selectionSyncTimeoutId = 0;
@@ -33084,7 +33086,7 @@ function useUEditorTableInteractions(editor) {
       clearHoveredTableCell();
       clearAllTableResizeHover();
     };
-  }, [beginResize, cancelResize, cleanupRowResize, clearActiveTableCell, clearAllTableResizeHover, clearHoveredTableCell, editor, handleRowResizePointerMove, handleRowResizePointerUp, hideColumnGuide, hideRowGuide, isRowResizing, showColumnGuide, showRowGuide, syncActiveRowResizeGuide, syncActiveTableCellFromSelection, updateActiveCellHighlight]);
+  }, [beginResize, cancelResize, cleanupRowResize, clearActiveTableCell, clearAllTableResizeHover, clearHoveredTableCell, editable, editor, handleRowResizePointerMove, handleRowResizePointerUp, hideColumnGuide, hideRowGuide, isRowResizing, showColumnGuide, showRowGuide, syncActiveRowResizeGuide, syncActiveTableCellFromSelection, updateActiveCellHighlight]);
   return {
     editorContentRef,
     tableColumnGuideRef,
@@ -33187,7 +33189,7 @@ var UEditor = React77.forwardRef(({
     tableColumnGuideRef,
     tableRowGuideRef,
     activeTableCellHighlightRef
-  } = useUEditorTableInteractions(editor);
+  } = useUEditorTableInteractions(editor, editable);
   useImperativeHandle3(
     ref,
     () => ({
@@ -33234,11 +33236,14 @@ var UEditor = React77.forwardRef(({
     "div",
     {
       className: cn(
-        "group relative flex flex-col rounded-2xl md:rounded-3xl border border-border/50 bg-card text-card-foreground overflow-hidden",
-        "transition-[transform,box-shadow,border-color,background-color] duration-300 ease-soft",
-        "shadow-sm focus-within:shadow-md focus-within:border-primary/15",
-        "backdrop-blur-sm",
-        variant === "notion" && "hover:shadow-md",
+        "group relative flex flex-col text-card-foreground",
+        editable ? [
+          "rounded-2xl md:rounded-3xl border border-border/50 bg-card overflow-hidden",
+          "transition-[transform,box-shadow,border-color,background-color] duration-300 ease-soft",
+          "shadow-sm focus-within:shadow-md focus-within:border-primary/15",
+          "backdrop-blur-sm",
+          variant === "notion" && "hover:shadow-md"
+        ] : "rounded-none",
         className
       ),
       children: [
@@ -33272,7 +33277,7 @@ var UEditor = React77.forwardRef(({
             ref: editorContentRef,
             className: "relative flex-1 overflow-y-auto",
             style: {
-              minHeight,
+              minHeight: editable ? minHeight : void 0,
               maxHeight
             },
             children: [