@strands.gg/accui 2.11.21 → 2.11.23

package/dist/index.es.js

@@ -1430,6 +1430,18 @@ const X = createLucideIcon("x", [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
 ]);
+function hasSlotContent(slots, slotName) {
+  const slot = slots[slotName];
+  if (!slot) return false;
+  const content = slot();
+  if (!content || content.length === 0) return false;
+  return content.some((vnode) => {
+    if (vnode.children && vnode.children !== "") return true;
+    if (vnode.type && typeof vnode.type === "object") return true;
+    if (vnode.props && Object.keys(vnode.props).length > 0) return true;
+    return false;
+  });
+}
 const _hoisted_1$N = {
   key: 0,
   class: "input-leading-icon"
@@ -1481,8 +1493,11 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
       }
       return props.type;
     });
+    const hasLeadingIcon = computed(() => {
+      return hasSlotContent(slots, "leading-icon");
+    });
     const hasTrailingIcon = computed(() => {
-      return slots["trailing-icon"] || props.type === "password" || props.type === "search" && props.modelValue;
+      return hasSlotContent(slots, "trailing-icon") || props.type === "password" || props.type === "search" && props.modelValue;
     });
     const buttonTabindex = computed(() => {
       if (props.tabindex === void 0) return;
@@ -1537,7 +1552,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["input-field-wrapper", wrapperClasses.value])
       }, [
-        _ctx.$slots["leading-icon"] ? (openBlock(), createElementBlock("div", _hoisted_1$N, [
+        hasLeadingIcon.value ? (openBlock(), createElementBlock("div", _hoisted_1$N, [
           renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
         ])) : createCommentVNode("", true),
         createElementVNode("input", {
@@ -1599,7 +1614,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const UiInputText = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-67ba177d"]]);
+const UiInputText = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-99563a41"]]);
 const _hoisted_1$M = {
   key: 0,
   class: "input-leading-icon"
@@ -1636,6 +1651,8 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const slots = useSlots();
+    const hasLeadingIcon = computed(() => hasSlotContent(slots, "leading-icon"));
+    const hasTrailingIcon = computed(() => hasSlotContent(slots, "trailing-icon"));
     const wrapperClasses = computed(() => {
       const classes = [];
       if (props.error) classes.push("input-error");
@@ -1646,12 +1663,12 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     });
     const paddingClasses = computed(() => {
       const classes = [];
-      if (slots["leading-icon"]) {
+      if (hasLeadingIcon.value) {
         classes.push("input-padding-left-icon");
       } else {
         classes.push("input-padding-left");
       }
-      if (slots["trailing-icon"]) {
+      if (hasTrailingIcon.value) {
         classes.push("input-padding-right-icon");
       } else {
         classes.push("input-padding-right");
@@ -1675,7 +1692,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["input-field-wrapper input-textarea", wrapperClasses.value])
       }, [
-        _ctx.$slots["leading-icon"] ? (openBlock(), createElementBlock("div", _hoisted_1$M, [
+        hasLeadingIcon.value ? (openBlock(), createElementBlock("div", _hoisted_1$M, [
           renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
         ])) : createCommentVNode("", true),
         createElementVNode("div", {
@@ -1703,14 +1720,14 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
             onKeydown: handleKeydown
           }, null, 42, _hoisted_2$G)
         ], 2),
-        _ctx.$slots["trailing-icon"] ? (openBlock(), createElementBlock("div", _hoisted_3$D, [
+        hasTrailingIcon.value ? (openBlock(), createElementBlock("div", _hoisted_3$D, [
           renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const UiInputTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-b18ddba2"]]);
+const UiInputTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-ffd4ab5c"]]);
 function useFloatingPosition(options) {
   const {
     trigger,
@@ -25551,7 +25568,9 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const slots = useSlots();
     const inputId = computed(() => `input-${Math.random().toString(36).substring(2, 11)}`);
+    const hasSlotContent$1 = (slotName) => hasSlotContent(slots, slotName);
     const isTextInput = computed(() => {
       const textTypes = ["text", "email", "password", "number", "tel", "url", "search"];
       const inputType = props.type || "text";
@@ -25617,14 +25636,14 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             onFocus: handleFocus,
             onKeydown: handleKeydown
           }, createSlots({ _: 2 }, [
-            _ctx.$slots["leading-icon"] ? {
+            hasSlotContent$1("leading-icon") ? {
               name: "leading-icon",
               fn: withCtx(() => [
                 renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
               ]),
               key: "0"
             } : void 0,
-            _ctx.$slots["trailing-icon"] ? {
+            hasSlotContent$1("trailing-icon") ? {
               name: "trailing-icon",
               fn: withCtx(() => [
                 renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
@@ -25653,14 +25672,14 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             onFocus: handleFocus,
             onKeydown: handleKeydown
           }, createSlots({ _: 2 }, [
-            _ctx.$slots["leading-icon"] ? {
+            hasSlotContent$1("leading-icon") ? {
               name: "leading-icon",
               fn: withCtx(() => [
                 renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
               ]),
               key: "0"
             } : void 0,
-            _ctx.$slots["trailing-icon"] ? {
+            hasSlotContent$1("trailing-icon") ? {
               name: "trailing-icon",
               fn: withCtx(() => [
                 renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
@@ -25687,14 +25706,14 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             onBlur: handleBlur,
             onFocus: handleFocus
           }, createSlots({ _: 2 }, [
-            _ctx.$slots["leading-icon"] ? {
+            hasSlotContent$1("leading-icon") ? {
               name: "leading-icon",
               fn: withCtx(() => [
                 renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
               ]),
               key: "0"
             } : void 0,
-            _ctx.$slots["trailing-icon"] ? {
+            hasSlotContent$1("trailing-icon") ? {
               name: "trailing-icon",
               fn: withCtx(() => [
                 renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
@@ -25722,14 +25741,14 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             onBlur: handleBlur,
             onFocus: handleFocus
           }, createSlots({ _: 2 }, [
-            _ctx.$slots["leading-icon"] ? {
+            hasSlotContent$1("leading-icon") ? {
               name: "leading-icon",
               fn: withCtx(() => [
                 renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
               ]),
               key: "0"
             } : void 0,
-            _ctx.$slots["trailing-icon"] ? {
+            hasSlotContent$1("trailing-icon") ? {
               name: "trailing-icon",
               fn: withCtx(() => [
                 renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
@@ -25813,14 +25832,14 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             onFocus: handleFocus,
             onComplete: handlePincodeComplete
           }, createSlots({ _: 2 }, [
-            _ctx.$slots["leading-icon"] ? {
+            hasSlotContent$1("leading-icon") ? {
               name: "leading-icon",
               fn: withCtx(() => [
                 renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
               ]),
               key: "0"
             } : void 0,
-            _ctx.$slots["trailing-icon"] ? {
+            hasSlotContent$1("trailing-icon") ? {
               name: "trailing-icon",
               fn: withCtx(() => [
                 renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
@@ -25837,7 +25856,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const StrandsUiInput = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-a9c816f5"]]);
+const StrandsUiInput = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-55d725f7"]]);
 const _hoisted_1$D = ["disabled", "aria-disabled"];
 const _hoisted_2$y = ["href", "target", "rel", "aria-disabled"];
 const _sfc_main$G = /* @__PURE__ */ defineComponent({

package/dist/vue/utils/slots.d.ts

@@ -0,0 +1,9 @@
+import type { Slots } from 'vue';
+/**
+ * Check if a slot has actual content (not just empty/whitespace)
+ *
+ * @param slots - Vue slots object from useSlots()
+ * @param slotName - Name of the slot to check
+ * @returns true if slot has content, false otherwise
+ */
+export declare function hasSlotContent(slots: Slots, slotName: string): boolean;

package/package.json

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