@strands.gg/accui 2.10.1 → 2.10.3

package/dist/index.es.js

@@ -837,8 +837,9 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
           unref(attrs)["class"]
         ]])
       }, [
-        _ctx.$slots["header"] || _ctx.title || _ctx.subtitle ? (openBlock(), createElementBlock("div", _hoisted_1$O, [
+        _ctx.$slots["header"] || _ctx.title || _ctx.subtitle || _ctx.$slots["leading-icon"] || _ctx.$slots["trailing-icon"] ? (openBlock(), createElementBlock("div", _hoisted_1$O, [
           renderSlot(_ctx.$slots, "header", {}, () => [
+            renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true),
             _ctx.title || _ctx.$slots["title"] || _ctx.subtitle || _ctx.$slots["subtitle"] ? (openBlock(), createElementBlock("div", _hoisted_2$I, [
               _ctx.title || _ctx.$slots["title"] ? renderSlot(_ctx.$slots, "title", { key: 0 }, () => [
                 _ctx.title ? (openBlock(), createElementBlock("h2", _hoisted_3$F, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true)
@@ -847,6 +848,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
                 _ctx.subtitle ? (openBlock(), createElementBlock("p", _hoisted_4$D, toDisplayString(_ctx.subtitle), 1)) : createCommentVNode("", true)
               ], true) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true),
             renderSlot(_ctx.$slots, "actions", {}, void 0, true)
           ], true)
         ])) : createCommentVNode("", true),
@@ -860,7 +862,7 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const StrandsUiCard = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-cc3144c9"]]);
+const StrandsUiCard = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-d53b5273"]]);
 /**
  * @license lucide-vue-next v0.542.0 - ISC
  *
@@ -2620,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;
@@ -2653,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;
@@ -2676,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
@@ -2690,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
@@ -2713,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,
@@ -2722,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
         };
       }
@@ -3040,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.1",
+  "version": "2.10.3",
   "description": "Strands Authentication UI Components",
   "type": "module",
   "main": "./dist/index.cjs.js",