microboard-ui-temp 0.10.0 → 0.10.1

package/dist/{chunk-kh8veacg.js → chunk-63m1m4n2.js}

@@ -265469,7 +265469,7 @@ class BaseItem extends Mbr {
     if (!this.isHoverHighlighted) {
       return;
     }
-    const mbr = this.getMbr();
+    const mbr = this.getWorldMbr();
     mbr.strokeWidth = 2 / context.matrix.scaleX;
     mbr.borderColor = BaseItem.HOVER_HIGHLIGHT_COLOR;
     mbr.render(context);
@@ -288931,8 +288931,9 @@ function getQuickAddButtons(selection, board) {
   let quickAddItems = undefined;
   function calculateQuickAddPosition(index2, selectedItem, connectorStartPoint) {
     const connectorStorage = new SessionStorage;
-    const currMbr = selectedItem.getPathMbr();
+    const currMbr = selectedItem instanceof BaseItem ? selectedItem.getWorldMbr() : selectedItem.getPathMbr();
     const selectedItemData = selectedItem.serialize();
+    const selectedMatrix = selectedItem instanceof BaseItem ? selectedItem.getWorldMatrix() : new Matrix(selectedItemData.transformation?.translateX || 0, selectedItemData.transformation?.translateY || 0);
     const width2 = currMbr.getWidth();
     const height3 = currMbr.getHeight();
     let offsetX = width2;
@@ -288972,8 +288973,8 @@ function getQuickAddButtons(selection, board) {
     const adjustment = baseAdjustments[index2];
     const newItemData = { ...itemData };
     if (newItemData.transformation) {
-      newItemData.transformation.translateX = adjustment.translateX + (selectedItemData.transformation?.translateX || 0);
-      newItemData.transformation.translateY = adjustment.translateY + (selectedItemData.transformation?.translateY || 0) + height3 / 2 - newHeight / 2;
+      newItemData.transformation.translateX = adjustment.translateX + selectedMatrix.translateX;
+      newItemData.transformation.translateY = adjustment.translateY + selectedMatrix.translateY + height3 / 2 - newHeight / 2;
     }
     const newMbr = new Mbr(newItemData.transformation?.translateX, newItemData.transformation?.translateY, (newItemData.transformation?.translateX || 0) + newWidth, (newItemData.transformation?.translateY || 0) + newHeight);
     let step = 1;
@@ -289064,7 +289065,7 @@ function getQuickAddButtons(selection, board) {
   }
   function getQuickButtonsPositions(customMbr) {
     const single = selection.items.getSingle();
-    const itemMbr = customMbr ? customMbr : single?.getMbr();
+    const itemMbr = customMbr ? customMbr : single instanceof BaseItem ? single.getWorldMbr() : single?.getMbr();
     if (!itemMbr || single?.itemType !== "Sticker" && single?.itemType !== "Shape" && single?.itemType !== "AINode" && single?.itemType !== "RichText") {
       return;
     }
@@ -296469,9 +296470,9 @@ class BoardSelection {
     }
     const selectedMbr = selected.reduce((acc, item) => {
       if (!acc) {
-        return item.getMbr();
+        return item instanceof BaseItem ? item.getWorldMbr() : item.getMbr();
       }
-      return acc.combine(item.getMbr());
+      return acc.combine(item instanceof BaseItem ? item.getWorldMbr() : item.getMbr());
     }, undefined);
     if (selectedMbr) {
       const selectedMap = Object.fromEntries(selected.map((item) => [item.getId(), { item, nested: false }]));
@@ -296503,7 +296504,7 @@ class BoardSelection {
           const childrenIds = val.item.getChildrenIds();
           if (childrenIds) {
             const currGroup = val.item;
-            const currMbr = currGroup.getMbr();
+            const currMbr = currGroup.getWorldMbr();
             const children = childrenIds.map((childId) => this.board.items.getById(childId)).filter((item) => !!item);
             const underGroup = this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).filter((item) => item.parent === "Board" || item.parent === currGroup.getId());
             const uniqueItems = new Set;
@@ -296984,7 +296985,7 @@ class BoardSelection {
     };
   }
   renderItemMbr(context, item, customScale) {
-    const mbr = item.getMbr();
+    const mbr = item instanceof BaseItem ? item.getWorldMbr() : item.getMbr();
     mbr.strokeWidth = !customScale ? 1 / context.matrix.scaleX : 1 / customScale;
     const selectionColor = item.transformation.isLocked ? conf.SELECTION_LOCKED_COLOR : conf.SELECTION_COLOR;
     mbr.borderColor = selectionColor;
@@ -297041,7 +297042,7 @@ class BoardSelection {
         path22.setBackgroundColor("none");
         path22.render(context);
       } else {
-        const itemRect = item.getMbr();
+        const itemRect = item instanceof BaseItem ? item.getWorldMbr() : item.getMbr();
         itemRect.borderColor = CONTEXT_NODE_HIGHLIGHT_COLOR;
         itemRect.strokeWidth = 2;
         itemRect.render(context);

package/dist/example.html

@@ -44,7 +44,7 @@
         document.documentElement.setAttribute("data-theme", t);
       })();
     </script>
-  <link rel="stylesheet" crossorigin href="/chunk-ccbp3q1g.css"><script type="module" crossorigin src="/chunk-kh8veacg.js"></script></head>
+  <link rel="stylesheet" crossorigin href="/chunk-ccbp3q1g.css"><script type="module" crossorigin src="/chunk-63m1m4n2.js"></script></head>
 
   <body
     style="

package/dist/index.html

@@ -44,7 +44,7 @@
         document.documentElement.setAttribute("data-theme", t);
       })();
     </script>
-  <link rel="stylesheet" crossorigin href="/chunk-ccbp3q1g.css"><script type="module" crossorigin src="/chunk-kh8veacg.js"></script></head>
+  <link rel="stylesheet" crossorigin href="/chunk-ccbp3q1g.css"><script type="module" crossorigin src="/chunk-63m1m4n2.js"></script></head>
 
   <body
     style="

package/dist/index.js

@@ -265469,7 +265469,7 @@ class BaseItem extends Mbr {
     if (!this.isHoverHighlighted) {
       return;
     }
-    const mbr = this.getMbr();
+    const mbr = this.getWorldMbr();
     mbr.strokeWidth = 2 / context.matrix.scaleX;
     mbr.borderColor = BaseItem.HOVER_HIGHLIGHT_COLOR;
     mbr.render(context);
@@ -288931,8 +288931,9 @@ function getQuickAddButtons(selection, board) {
   let quickAddItems = undefined;
   function calculateQuickAddPosition(index2, selectedItem, connectorStartPoint) {
     const connectorStorage = new SessionStorage;
-    const currMbr = selectedItem.getPathMbr();
+    const currMbr = selectedItem instanceof BaseItem ? selectedItem.getWorldMbr() : selectedItem.getPathMbr();
     const selectedItemData = selectedItem.serialize();
+    const selectedMatrix = selectedItem instanceof BaseItem ? selectedItem.getWorldMatrix() : new Matrix(selectedItemData.transformation?.translateX || 0, selectedItemData.transformation?.translateY || 0);
     const width2 = currMbr.getWidth();
     const height3 = currMbr.getHeight();
     let offsetX = width2;
@@ -288972,8 +288973,8 @@ function getQuickAddButtons(selection, board) {
     const adjustment = baseAdjustments[index2];
     const newItemData = { ...itemData };
     if (newItemData.transformation) {
-      newItemData.transformation.translateX = adjustment.translateX + (selectedItemData.transformation?.translateX || 0);
-      newItemData.transformation.translateY = adjustment.translateY + (selectedItemData.transformation?.translateY || 0) + height3 / 2 - newHeight / 2;
+      newItemData.transformation.translateX = adjustment.translateX + selectedMatrix.translateX;
+      newItemData.transformation.translateY = adjustment.translateY + selectedMatrix.translateY + height3 / 2 - newHeight / 2;
     }
     const newMbr = new Mbr(newItemData.transformation?.translateX, newItemData.transformation?.translateY, (newItemData.transformation?.translateX || 0) + newWidth, (newItemData.transformation?.translateY || 0) + newHeight);
     let step = 1;
@@ -289064,7 +289065,7 @@ function getQuickAddButtons(selection, board) {
   }
   function getQuickButtonsPositions(customMbr) {
     const single = selection.items.getSingle();
-    const itemMbr = customMbr ? customMbr : single?.getMbr();
+    const itemMbr = customMbr ? customMbr : single instanceof BaseItem ? single.getWorldMbr() : single?.getMbr();
     if (!itemMbr || single?.itemType !== "Sticker" && single?.itemType !== "Shape" && single?.itemType !== "AINode" && single?.itemType !== "RichText") {
       return;
     }
@@ -296469,9 +296470,9 @@ class BoardSelection {
     }
     const selectedMbr = selected.reduce((acc, item) => {
       if (!acc) {
-        return item.getMbr();
+        return item instanceof BaseItem ? item.getWorldMbr() : item.getMbr();
       }
-      return acc.combine(item.getMbr());
+      return acc.combine(item instanceof BaseItem ? item.getWorldMbr() : item.getMbr());
     }, undefined);
     if (selectedMbr) {
       const selectedMap = Object.fromEntries(selected.map((item) => [item.getId(), { item, nested: false }]));
@@ -296503,7 +296504,7 @@ class BoardSelection {
           const childrenIds = val.item.getChildrenIds();
           if (childrenIds) {
             const currGroup = val.item;
-            const currMbr = currGroup.getMbr();
+            const currMbr = currGroup.getWorldMbr();
             const children = childrenIds.map((childId) => this.board.items.getById(childId)).filter((item) => !!item);
             const underGroup = this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).filter((item) => item.parent === "Board" || item.parent === currGroup.getId());
             const uniqueItems = new Set;
@@ -296984,7 +296985,7 @@ class BoardSelection {
     };
   }
   renderItemMbr(context, item, customScale) {
-    const mbr = item.getMbr();
+    const mbr = item instanceof BaseItem ? item.getWorldMbr() : item.getMbr();
     mbr.strokeWidth = !customScale ? 1 / context.matrix.scaleX : 1 / customScale;
     const selectionColor = item.transformation.isLocked ? conf.SELECTION_LOCKED_COLOR : conf.SELECTION_COLOR;
     mbr.borderColor = selectionColor;
@@ -297041,7 +297042,7 @@ class BoardSelection {
         path22.setBackgroundColor("none");
         path22.render(context);
       } else {
-        const itemRect = item.getMbr();
+        const itemRect = item instanceof BaseItem ? item.getWorldMbr() : item.getMbr();
         itemRect.borderColor = CONTEXT_NODE_HIGHLIGHT_COLOR;
         itemRect.strokeWidth = 2;
         itemRect.render(context);

package/dist/spa.js

@@ -43029,14 +43029,14 @@ __export(exports_SignatureEnvelope, {
   validate: () => validate7,
   types: () => types9,
   toRpc: () => toRpc5,
-  serialize: () => serialize5,
+  serialize: () => serialize3,
   magicBytes: () => magicBytes3,
   getType: () => getType,
   fromRpc: () => fromRpc4,
   from: () => from15,
   extractPublicKey: () => extractPublicKey,
   extractAddress: () => extractAddress,
-  deserialize: () => deserialize6,
+  deserialize: () => deserialize5,
   assert: () => assert11,
   VerificationError: () => VerificationError2,
   MissingPropertiesError: () => MissingPropertiesError2,
@@ -43128,7 +43128,7 @@ function extractPublicKey(options) {
       return extractPublicKey({ payload, signature: signature.inner });
   }
 }
-function deserialize6(value) {
+function deserialize5(value) {
   const serialized = value.endsWith(magicBytes3.slice(2)) ? slice6(value, 0, -size5(magicBytes3)) : value;
   const size8 = size5(serialized);
   if (size8 === 65) {
@@ -43204,7 +43204,7 @@ function deserialize6(value) {
   }
   if (typeId === serializedKeychainType || typeId === serializedKeychainV2Type) {
     const userAddress = slice6(data, 0, 20);
-    const inner = deserialize6(slice6(data, 20));
+    const inner = deserialize5(slice6(data, 20));
     return {
       userAddress,
       inner,
@@ -43219,7 +43219,7 @@ function deserialize6(value) {
 }
 function from15(value, options) {
   if (typeof value === "string")
-    return deserialize6(value);
+    return deserialize5(value);
   if (typeof value === "object" && value !== null && "r" in value && "s" in value && "yParity" in value)
     return { signature: value, type: "secp256k1" };
   const type = getType(value);
@@ -43333,7 +43333,7 @@ function getType(envelope) {
     envelope
   });
 }
-function serialize5(envelope, options = {}) {
+function serialize3(envelope, options = {}) {
   const type = getType(envelope);
   if (type === "secp256k1") {
     const secp256k14 = envelope;
@@ -43351,7 +43351,7 @@ function serialize5(envelope, options = {}) {
   if (type === "keychain") {
     const keychain = envelope;
     const keychainTypeId = keychain.version === "v1" ? serializedKeychainType : serializedKeychainV2Type;
-    return concat5(keychainTypeId, keychain.userAddress, serialize5(keychain.inner), options.magic ? magicBytes3 : "0x");
+    return concat5(keychainTypeId, keychain.userAddress, serialize3(keychain.inner), options.magic ? magicBytes3 : "0x");
   }
   throw new CoercionError({ envelope });
 }
@@ -43611,7 +43611,7 @@ function fromTuple2(tuple) {
     } : {}
   };
   if (signatureSerialized)
-    args.signature = deserialize6(signatureSerialized);
+    args.signature = deserialize5(signatureSerialized);
   return from16(args);
 }
 function toRpc6(authorization) {
@@ -43630,7 +43630,7 @@ function toRpc6(authorization) {
 }
 function toTuple3(authorization) {
   const { address, chainId, expiry, limits } = authorization;
-  const signature = authorization.signature ? serialize5(authorization.signature) : undefined;
+  const signature = authorization.signature ? serialize3(authorization.signature) : undefined;
   const type = (() => {
     switch (authorization.type) {
       case "secp256k1":
@@ -43801,7 +43801,7 @@ function fromTuple3(tuple) {
     nonce: nonce === "0x" ? 0n : BigInt(nonce)
   };
   if (signatureSerialized)
-    args.signature = deserialize6(signatureSerialized);
+    args.signature = deserialize5(signatureSerialized);
   return from17(args);
 }
 function fromTupleList(tupleList) {
@@ -43824,7 +43824,7 @@ function toRpcList2(authorizationList) {
 }
 function toTuple4(authorization) {
   const { address, chainId, nonce } = authorization;
-  const signature = authorization.signature ? serialize5(authorization.signature) : undefined;
+  const signature = authorization.signature ? serialize3(authorization.signature) : undefined;
   return [
     chainId ? fromNumber(chainId) : "0x",
     address,
@@ -44196,13 +44196,13 @@ __export(exports_TxEnvelopeTempo, {
   validate: () => validate8,
   type: () => type,
   serializedType: () => serializedType,
-  serialize: () => serialize6,
+  serialize: () => serialize5,
   hash: () => hash5,
   getSignPayload: () => getSignPayload3,
   getFeePayerSignPayload: () => getFeePayerSignPayload,
   from: () => from18,
   feePayerMagic: () => feePayerMagic,
-  deserialize: () => deserialize7,
+  deserialize: () => deserialize6,
   assert: () => assert12,
   InvalidValidityWindowError: () => InvalidValidityWindowError,
   CallsEmptyError: () => CallsEmptyError
@@ -44234,7 +44234,7 @@ function assert12(envelope) {
       maxPriorityFeePerGas
     });
 }
-function deserialize7(serialized) {
+function deserialize6(serialized) {
   const transactionArray = toHex4(slice6(serialized, 1));
   const [chainId, maxPriorityFeePerGas, maxFeePerGas, gas, calls, accessList, nonceKey, nonce, validBefore, validAfter, feeToken, feePayerSignatureOrSender, authorizationList, keyAuthorizationOrSignature, maybeSignature] = transactionArray;
   const keyAuthorization = Array.isArray(keyAuthorizationOrSignature) ? keyAuthorizationOrSignature : undefined;
@@ -44311,7 +44311,7 @@ function deserialize7(serialized) {
   }
   if (keyAuthorization)
     transaction.keyAuthorization = fromTuple2(keyAuthorization);
-  const signatureEnvelope = signature ? deserialize6(signature) : undefined;
+  const signatureEnvelope = signature ? deserialize5(signature) : undefined;
   if (signatureEnvelope)
     transaction = {
       ...transaction,
@@ -44331,7 +44331,7 @@ function deserialize7(serialized) {
 }
 function from18(envelope, options = {}) {
   const { feePayerSignature, signature } = options;
-  const envelope_ = typeof envelope === "string" ? deserialize7(envelope) : envelope;
+  const envelope_ = typeof envelope === "string" ? deserialize6(envelope) : envelope;
   if (envelope_.from)
     envelope_.from = resolve2(envelope_.from);
   if (envelope_.calls)
@@ -44347,7 +44347,7 @@ function from18(envelope, options = {}) {
     type: "tempo"
   };
 }
-function serialize6(envelope, options = {}) {
+function serialize5(envelope, options = {}) {
   const { accessList, authorizationList, calls, chainId, feeToken, gas, keyAuthorization, nonce, nonceKey, maxFeePerGas, maxPriorityFeePerGas, validBefore, validAfter } = envelope;
   assert12(envelope);
   const accessTupleList = toTupleList2(accessList);
@@ -44398,7 +44398,7 @@ function serialize6(envelope, options = {}) {
     feePayerSignatureOrSender,
     authorizationTupleList,
     ...keyAuthorization ? [toTuple3(keyAuthorization)] : [],
-    ...signature ? [serialize5(from15(signature))] : []
+    ...signature ? [serialize3(from15(signature))] : []
   ];
   return concat5(options.format === "feePayer" ? feePayerMagic : serializedType, fromHex4(serialized));
 }
@@ -44409,7 +44409,7 @@ function getSignPayload3(envelope, options = {}) {
   return sigHash;
 }
 function hash5(envelope, options = {}) {
-  const serialized = serialize6({
+  const serialized = serialize5({
     ...envelope,
     ...options.presign ? {
       signature: undefined,
@@ -44420,7 +44420,7 @@ function hash5(envelope, options = {}) {
 }
 function getFeePayerSignPayload(envelope, options) {
   const sender = resolve2(options.sender);
-  const serialized = serialize6({ ...envelope, signature: undefined }, {
+  const serialized = serialize5({ ...envelope, signature: undefined }, {
     sender,
     format: "feePayer"
   });
@@ -44500,7 +44500,7 @@ function isTempo(transaction) {
     return false;
   }
 }
-async function serialize7(transaction, signature) {
+async function serialize6(transaction, signature) {
   if (!isTempo(transaction)) {
     if (signature && "type" in signature && signature.type !== "secp256k1")
       throw new Error("Unsupported signature type. Expected `secp256k1` but got `" + signature.type + "`.");
@@ -44761,7 +44761,7 @@ var init_chainConfig5 = __esm(() => {
       { runAt: ["beforeFillTransaction", "afterFillParameters"] }
     ],
     serializers: {
-      transaction: (transaction, signature) => serialize7(transaction, signature)
+      transaction: (transaction, signature) => serialize6(transaction, signature)
     },
     async verifyHash(client, parameters) {
       const { address, hash: hash6, signature } = parameters;
@@ -52146,7 +52146,7 @@ function isValidCode(code3) {
   }
   return false;
 }
-function serialize8(error2, { shouldIncludeStack = false } = {}) {
+function serialize7(error2, { shouldIncludeStack = false } = {}) {
   const serialized = {};
   if (error2 && typeof error2 === "object" && !Array.isArray(error2) && hasKey(error2, "code") && isValidCode(error2.code)) {
     const _error = error2;
@@ -53372,7 +53372,7 @@ var init_Communicator = __esm(() => {
 
 // node_modules/wagmi/node_modules/@wagmi/connectors/node_modules/@base-org/account/dist/core/error/serialize.js
 function serializeError(error2) {
-  const serialized = serialize8(getErrorObject(error2), {
+  const serialized = serialize7(getErrorObject(error2), {
     shouldIncludeStack: true
   });
   const docUrl = new URL("https://docs.cloud.coinbase.com/wallet-sdk/docs/errors");
@@ -61104,7 +61104,7 @@ var defaultGetStoreFunc;
 var init_dist = () => {};
 
 // node_modules/wagmi/node_modules/@wagmi/connectors/node_modules/@base-org/account/dist/kms/crypto-key/storage.js
-function createStorage3(scope, name) {
+function createStorage2(scope, name) {
   const store2 = typeof indexedDB !== "undefined" ? createStore4(scope, name) : undefined;
   return {
     getItem: async (key) => {
@@ -61209,7 +61209,7 @@ var init_crypto_key = __esm(() => {
   init__esm2();
   init__esm();
   init_storage();
-  storage = createStorage3(STORAGE_SCOPE, STORAGE_NAME);
+  storage = createStorage2(STORAGE_SCOPE, STORAGE_NAME);
 });
 
 // node_modules/wagmi/node_modules/@wagmi/connectors/node_modules/@base-org/account/dist/sign/base-account/SCWKeyManager.js
@@ -113650,10 +113650,10 @@ var require_createWalletClient = __commonJS((exports2) => {
 // node_modules/viem/_cjs/clients/transports/createTransport.js
 var require_createTransport = __commonJS((exports2) => {
   Object.defineProperty(exports2, "__esModule", { value: true });
-  exports2.createTransport = createTransport3;
+  exports2.createTransport = createTransport2;
   var buildRequest_js_1 = require_buildRequest();
   var uid_js_1 = require_uid();
-  function createTransport3({ key, methods: methods3, name, request: request2, retryCount = 3, retryDelay = 150, timeout: timeout2, type: type2 }, value2) {
+  function createTransport2({ key, methods: methods3, name, request: request2, retryCount = 3, retryDelay = 150, timeout: timeout2, type: type2 }, value2) {
     const uid4 = (0, uid_js_1.uid)();
     return {
       config: {
@@ -126347,7 +126347,7 @@ var init_unstorage_zVDD2mZo = () => {};
 function defineDriver(factory) {
   return factory;
 }
-function createStorage4(options2 = {}) {
+function createStorage3(options2 = {}) {
   const context = {
     mounts: { "": options2.driver || memory() },
     mountpoints: [""],
@@ -126730,7 +126730,7 @@ var init_dist4 = __esm(() => {
 // node_modules/@walletconnect/keyvaluestorage/dist/index.es.js
 class _4 {
   constructor() {
-    this.indexedDb = createStorage4({ driver: z4({ dbName: D4, storeName: E2 }) });
+    this.indexedDb = createStorage3({ driver: z4({ dbName: D4, storeName: E2 }) });
   }
   async getKeys() {
     return this.indexedDb.getKeys();
@@ -265469,7 +265469,7 @@ class BaseItem extends Mbr {
     if (!this.isHoverHighlighted) {
       return;
     }
-    const mbr = this.getMbr();
+    const mbr = this.getWorldMbr();
     mbr.strokeWidth = 2 / context.matrix.scaleX;
     mbr.borderColor = BaseItem.HOVER_HIGHLIGHT_COLOR;
     mbr.render(context);
@@ -288931,8 +288931,9 @@ function getQuickAddButtons(selection, board) {
   let quickAddItems = undefined;
   function calculateQuickAddPosition(index2, selectedItem, connectorStartPoint) {
     const connectorStorage = new SessionStorage;
-    const currMbr = selectedItem.getPathMbr();
+    const currMbr = selectedItem instanceof BaseItem ? selectedItem.getWorldMbr() : selectedItem.getPathMbr();
     const selectedItemData = selectedItem.serialize();
+    const selectedMatrix = selectedItem instanceof BaseItem ? selectedItem.getWorldMatrix() : new Matrix(selectedItemData.transformation?.translateX || 0, selectedItemData.transformation?.translateY || 0);
     const width2 = currMbr.getWidth();
     const height3 = currMbr.getHeight();
     let offsetX = width2;
@@ -288972,8 +288973,8 @@ function getQuickAddButtons(selection, board) {
     const adjustment = baseAdjustments[index2];
     const newItemData = { ...itemData };
     if (newItemData.transformation) {
-      newItemData.transformation.translateX = adjustment.translateX + (selectedItemData.transformation?.translateX || 0);
-      newItemData.transformation.translateY = adjustment.translateY + (selectedItemData.transformation?.translateY || 0) + height3 / 2 - newHeight / 2;
+      newItemData.transformation.translateX = adjustment.translateX + selectedMatrix.translateX;
+      newItemData.transformation.translateY = adjustment.translateY + selectedMatrix.translateY + height3 / 2 - newHeight / 2;
     }
     const newMbr = new Mbr(newItemData.transformation?.translateX, newItemData.transformation?.translateY, (newItemData.transformation?.translateX || 0) + newWidth, (newItemData.transformation?.translateY || 0) + newHeight);
     let step = 1;
@@ -289064,7 +289065,7 @@ function getQuickAddButtons(selection, board) {
   }
   function getQuickButtonsPositions(customMbr) {
     const single = selection.items.getSingle();
-    const itemMbr = customMbr ? customMbr : single?.getMbr();
+    const itemMbr = customMbr ? customMbr : single instanceof BaseItem ? single.getWorldMbr() : single?.getMbr();
     if (!itemMbr || single?.itemType !== "Sticker" && single?.itemType !== "Shape" && single?.itemType !== "AINode" && single?.itemType !== "RichText") {
       return;
     }
@@ -296469,9 +296470,9 @@ class BoardSelection {
     }
     const selectedMbr = selected.reduce((acc, item) => {
       if (!acc) {
-        return item.getMbr();
+        return item instanceof BaseItem ? item.getWorldMbr() : item.getMbr();
       }
-      return acc.combine(item.getMbr());
+      return acc.combine(item instanceof BaseItem ? item.getWorldMbr() : item.getMbr());
     }, undefined);
     if (selectedMbr) {
       const selectedMap = Object.fromEntries(selected.map((item) => [item.getId(), { item, nested: false }]));
@@ -296503,7 +296504,7 @@ class BoardSelection {
           const childrenIds = val.item.getChildrenIds();
           if (childrenIds) {
             const currGroup = val.item;
-            const currMbr = currGroup.getMbr();
+            const currMbr = currGroup.getWorldMbr();
             const children = childrenIds.map((childId) => this.board.items.getById(childId)).filter((item) => !!item);
             const underGroup = this.board.items.getEnclosedOrCrossed(currMbr.left, currMbr.top, currMbr.right, currMbr.bottom).filter((item) => item.parent === "Board" || item.parent === currGroup.getId());
             const uniqueItems = new Set;
@@ -296984,7 +296985,7 @@ class BoardSelection {
     };
   }
   renderItemMbr(context, item, customScale) {
-    const mbr = item.getMbr();
+    const mbr = item instanceof BaseItem ? item.getWorldMbr() : item.getMbr();
     mbr.strokeWidth = !customScale ? 1 / context.matrix.scaleX : 1 / customScale;
     const selectionColor = item.transformation.isLocked ? conf.SELECTION_LOCKED_COLOR : conf.SELECTION_COLOR;
     mbr.borderColor = selectionColor;
@@ -297041,7 +297042,7 @@ class BoardSelection {
         path22.setBackgroundColor("none");
         path22.render(context);
       } else {
-        const itemRect = item.getMbr();
+        const itemRect = item instanceof BaseItem ? item.getWorldMbr() : item.getMbr();
         itemRect.borderColor = CONTEXT_NODE_HIGHLIGHT_COLOR;
         itemRect.strokeWidth = 2;
         itemRect.render(context);
@@ -423234,7 +423235,7 @@ function comment$1(value2, root4, parent3) {
 function declaration(value2, root4, parent3, length22) {
   return node4(value2, root4, parent3, DECLARATION, substr(value2, 0, length22), substr(value2, length22 + 1, -1), length22);
 }
-function serialize9(children, callback) {
+function serialize8(children, callback) {
   var output2 = "";
   var length22 = sizeof(children);
   for (var i22 = 0;i22 < length22; i22++)
@@ -423252,11 +423253,11 @@ function stringify14(element5, index4, children, callback) {
     case COMMENT2:
       return "";
     case KEYFRAMES:
-      return element5.return = element5.value + "{" + serialize9(element5.children, callback) + "}";
+      return element5.return = element5.value + "{" + serialize8(element5.children, callback) + "}";
     case RULESET:
       element5.value = element5.props.join(",");
   }
-  return strlen(children = serialize9(element5.children, callback)) ? element5.return = element5.value + "{" + children + "}" : "";
+  return strlen(children = serialize8(element5.children, callback)) ? element5.return = element5.value + "{" + children + "}" : "";
 }
 function middleware(collection) {
   var length22 = sizeof(collection);
@@ -423479,7 +423480,7 @@ var prefixer = function prefixer2(element5, index4, children, callback) {
           element5["return"] = prefix2(element5.value, element5.length);
           break;
         case KEYFRAMES:
-          return serialize9([copy7(element5, {
+          return serialize8([copy7(element5, {
             value: replace(element5.value, "@", "@" + WEBKIT)
           })], callback);
         case RULESET:
@@ -423488,11 +423489,11 @@ var prefixer = function prefixer2(element5, index4, children, callback) {
               switch (match(value2, /(::plac\w+|:read-\w+)/)) {
                 case ":read-only":
                 case ":read-write":
-                  return serialize9([copy7(element5, {
+                  return serialize8([copy7(element5, {
                     props: [replace(value2, /:(read-\w+)/, ":" + MOZ + "$1")]
                   })], callback);
                 case "::placeholder":
-                  return serialize9([copy7(element5, {
+                  return serialize8([copy7(element5, {
                     props: [replace(value2, /:(plac\w+)/, ":" + WEBKIT + "input-$1")]
                   }), copy7(element5, {
                     props: [replace(value2, /:(plac\w+)/, ":" + MOZ + "$1")]
@@ -423542,7 +423543,7 @@ var createCache = function createCache2(options2) {
     })];
     var serializer2 = middleware(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));
     var stylis = function stylis2(styles2) {
-      return serialize9(compile(styles2), serializer2);
+      return serialize8(compile(styles2), serializer2);
     };
     _insert = function insert2(selector, serialized, sheet, shouldCache) {
       currentSheet = sheet;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "microboard-ui-temp",
-  "version": "0.10.0",
+  "version": "0.10.1",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "type": "module",
@@ -79,7 +79,7 @@
     "i18next-browser-languagedetector": "^8.2.0",
     "js-cookie": "^3.0.5",
     "jwt-decode": "^4.0.0",
-    "microboard-temp": "0.12.7",
+    "microboard-temp": "0.12.9",
     "nanoid": "^5.1.5",
     "prop-types": "^15.8.1",
     "react-hot-toast": "2.4.1",