@strands.gg/accui 2.10.2 → 2.10.3

package/dist/index.es.js

@@ -2622,12 +2622,25 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: __emit }) {
-    const isDevToolsOpen = () => {
-      try {
-        return window.outerHeight - window.innerHeight > 160 || window.outerWidth - window.innerWidth > 160;
-      } catch {
+    let lastCalculationTime = 0;
+    let calculationInProgress = false;
+    const isSafeToCalculate = () => {
+      if (calculationInProgress) {
+        return false;
+      }
+      const now = Date.now();
+      const timeSinceLastCalc = now - lastCalculationTime;
+      if (timeSinceLastCalc < 16) {
         return false;
       }
+      return true;
+    };
+    const startCalculation = () => {
+      calculationInProgress = true;
+      lastCalculationTime = Date.now();
+    };
+    const endCalculation = () => {
+      calculationInProgress = false;
     };
     const props = __props;
     const emit = __emit;
@@ -2655,17 +2668,35 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     let currentTabIndex = -1;
     let isAnimating = false;
     const calculateUnderlineDimensions = (tabElement, containerElement) => {
-      if (isDevToolsOpen()) {
+      if (!tabElement || !containerElement) {
         return {
-          width: 100,
+          width: 0,
           left: 0,
-          height: 3,
+          height: 0,
           top: 0
         };
       }
+      if (!isSafeToCalculate()) {
+        return {
+          width: 0,
+          left: 0,
+          height: 0,
+          top: 0
+        };
+      }
+      startCalculation();
       try {
         const tabRect = tabElement.getBoundingClientRect();
         const containerRect = containerElement.getBoundingClientRect();
+        if (!tabRect || !containerRect || tabRect.width === 0 || containerRect.width === 0) {
+          endCalculation();
+          return {
+            width: 0,
+            left: 0,
+            height: 0,
+            top: 0
+          };
+        }
         const computedStyle = getComputedStyle(containerElement);
         const underlineThickness = parseFloat(computedStyle.getPropertyValue("--underline-thickness") || "5");
         let actualPadding = 5;
@@ -2678,6 +2709,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
         if (props.orientation === "vertical") {
           const tabTop = tabRect.top - containerRect.top;
           const tabHeight = tabRect.height;
+          endCalculation();
           return {
             height: tabHeight - actualPadding * 4,
             // More padding for shorter underline
@@ -2692,6 +2724,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
           const tabLeft = tabRect.left - containerRect.left;
           const tabWidth = tabRect.width;
           if (props.underlineWidth === "full") {
+            endCalculation();
             return {
               width: tabWidth - 30,
               // Fixed 15px margin on each side for horizontal tabs
@@ -2715,6 +2748,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
             underlineWidth = parseFloat(props.underlineWidth) || tabWidth;
           }
           const offset = (tabWidth - underlineWidth) / 2;
+          endCalculation();
           return {
             width: underlineWidth,
             left: tabLeft + offset,
@@ -2724,11 +2758,12 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
           };
         }
       } catch (error) {
+        endCalculation();
         console.warn("Tab dimension calculation failed, using fallback values:", error);
         return {
-          width: 100,
+          width: 0,
           left: 0,
-          height: 3,
+          height: 0,
           top: 0
         };
       }
@@ -3042,7 +3077,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const StrandsUiTabs = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-8e8f1aec"]]);
+const StrandsUiTabs = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-497967b5"]]);
 const _hoisted_1$I = {
   key: 0,
   class: "ui-divider-text"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strands.gg/accui",
-  "version": "2.10.2",
+  "version": "2.10.3",
   "description": "Strands Authentication UI Components",
   "type": "module",
   "main": "./dist/index.cjs.js",