@underverse-ui/underverse 1.0.122 → 1.0.124

package/api-reference.json

@@ -1,6 +1,6 @@
 {
   "package": "@underverse-ui/underverse",
-  "version": "1.0.122",
+  "version": "1.0.124",
   "sourceEntry": "src/index.ts",
   "totalExports": 232,
   "exports": [

package/dist/index.cjs

@@ -19328,6 +19328,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,
@@ -19497,22 +19498,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
@@ -25369,7 +25371,7 @@ function buildUEditorExtensions({
       types: ["heading", "paragraph", "image"]
     }),
     table_align_default.configure({
-      resizable: true,
+      resizable: editable,
       handleWidth: 10,
       allowTableNodeSelection: true,
       HTMLAttributes: {
@@ -32907,7 +32909,7 @@ function useTableRowResize({
 }
 
 // src/components/UEditor/use-table-interactions.ts
-function useUEditorTableInteractions(editor) {
+function useUEditorTableInteractions(editor, editable = true) {
   const editorContentRef = (0, import_react53.useRef)(null);
   const tableColumnGuideRef = (0, import_react53.useRef)(null);
   const tableRowGuideRef = (0, import_react53.useRef)(null);
@@ -33026,7 +33028,7 @@ function useUEditorTableInteractions(editor) {
     setActiveTableCell(getSelectionTableCell(editor.view));
   }, [editor, setActiveTableCell]);
   (0, import_react53.useEffect)(() => {
-    if (!editor) return void 0;
+    if (!editor || !editable) return void 0;
     const proseMirror = editor.view.dom;
     const surface = editorContentRef.current;
     let selectionSyncTimeoutId = 0;
@@ -33175,7 +33177,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,
@@ -33278,7 +33280,7 @@ var UEditor = import_react54.default.forwardRef(({
     tableColumnGuideRef,
     tableRowGuideRef,
     activeTableCellHighlightRef
-  } = useUEditorTableInteractions(editor);
+  } = useUEditorTableInteractions(editor, editable);
   (0, import_react54.useImperativeHandle)(
     ref,
     () => ({
@@ -33325,11 +33327,14 @@ var UEditor = import_react54.default.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: [
@@ -33363,7 +33368,7 @@ var UEditor = import_react54.default.forwardRef(({
             ref: editorContentRef,
             className: "relative flex-1 overflow-y-auto",
             style: {
-              minHeight,
+              minHeight: editable ? minHeight : void 0,
               maxHeight
             },
             children: [