@strands.gg/accui 2.11.23 → 2.11.24

package/dist/index.es.js

@@ -1430,18 +1430,6 @@ 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"
@@ -1468,6 +1456,8 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     step: {},
     autocomplete: {},
     spellcheck: { type: Boolean, default: true },
+    hasLeadingIcon: { type: Boolean, default: false },
+    hasTrailingIcon: { type: Boolean, default: false },
     label: {},
     helpText: {},
     modelValue: {},
@@ -1485,7 +1475,6 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const slots = useSlots();
     const showPassword = ref(false);
     const computedType = computed(() => {
       if (props.type === "password") {
@@ -1493,11 +1482,8 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
       }
       return props.type;
     });
-    const hasLeadingIcon = computed(() => {
-      return hasSlotContent(slots, "leading-icon");
-    });
-    const hasTrailingIcon = computed(() => {
-      return hasSlotContent(slots, "trailing-icon") || props.type === "password" || props.type === "search" && props.modelValue;
+    const hasTrailingIconComputed = computed(() => {
+      return props.hasTrailingIcon || props.type === "password" || props.type === "search" && props.modelValue;
     });
     const buttonTabindex = computed(() => {
       if (props.tabindex === void 0) return;
@@ -1513,12 +1499,12 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     });
     const paddingClasses = computed(() => {
       const classes = [];
-      if (slots["leading-icon"]) {
+      if (props.hasLeadingIcon) {
         classes.push("input-padding-left-icon");
       } else {
         classes.push("input-padding-left");
       }
-      if (hasTrailingIcon.value) {
+      if (hasTrailingIconComputed.value) {
         classes.push("input-padding-right-icon");
       } else {
         classes.push("input-padding-right");
@@ -1552,7 +1538,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["input-field-wrapper", wrapperClasses.value])
       }, [
-        hasLeadingIcon.value ? (openBlock(), createElementBlock("div", _hoisted_1$N, [
+        props.hasLeadingIcon ? (openBlock(), createElementBlock("div", _hoisted_1$N, [
           renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
         ])) : createCommentVNode("", true),
         createElementVNode("input", {
@@ -1607,14 +1593,14 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
             ]),
             _: 1
           }, 8, ["tabindex"])
-        ])) : hasTrailingIcon.value ? (openBlock(), createElementBlock("div", _hoisted_5$x, [
+        ])) : props.hasTrailingIcon ? (openBlock(), createElementBlock("div", _hoisted_5$x, [
           renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const UiInputText = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-99563a41"]]);
+const UiInputText = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-b3152b5d"]]);
 const _hoisted_1$M = {
   key: 0,
   class: "input-leading-icon"
@@ -1633,6 +1619,8 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     autocomplete: {},
     spellcheck: { type: Boolean, default: true },
     resizable: { type: Boolean, default: true },
+    hasLeadingIcon: { type: Boolean, default: false },
+    hasTrailingIcon: { type: Boolean, default: false },
     label: {},
     helpText: {},
     modelValue: {},
@@ -1650,9 +1638,6 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     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");
@@ -1663,12 +1648,12 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     });
     const paddingClasses = computed(() => {
       const classes = [];
-      if (hasLeadingIcon.value) {
+      if (props.hasLeadingIcon) {
         classes.push("input-padding-left-icon");
       } else {
         classes.push("input-padding-left");
       }
-      if (hasTrailingIcon.value) {
+      if (props.hasTrailingIcon) {
         classes.push("input-padding-right-icon");
       } else {
         classes.push("input-padding-right");
@@ -1692,7 +1677,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["input-field-wrapper input-textarea", wrapperClasses.value])
       }, [
-        hasLeadingIcon.value ? (openBlock(), createElementBlock("div", _hoisted_1$M, [
+        props.hasLeadingIcon ? (openBlock(), createElementBlock("div", _hoisted_1$M, [
           renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
         ])) : createCommentVNode("", true),
         createElementVNode("div", {
@@ -1720,14 +1705,14 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
             onKeydown: handleKeydown
           }, null, 42, _hoisted_2$G)
         ], 2),
-        hasTrailingIcon.value ? (openBlock(), createElementBlock("div", _hoisted_3$D, [
+        props.hasTrailingIcon ? (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-ffd4ab5c"]]);
+const UiInputTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["__scopeId", "data-v-4f57fd4b"]]);
 function useFloatingPosition(options) {
   const {
     trigger,
@@ -1978,6 +1963,8 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     maxDropdownHeight: { default: 400 },
     noOptionsText: { default: "No options available" },
     searchPlaceholder: { default: "" },
+    hasLeadingIcon: { type: Boolean, default: false },
+    hasTrailingIcon: { type: Boolean, default: false },
     label: {},
     helpText: {},
     modelValue: {},
@@ -1995,7 +1982,6 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const slots = useSlots();
     const selectTriggerRef = ref();
     const dropdownRef = ref();
     const searchInputRef = ref();
@@ -2101,12 +2087,12 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     });
     const paddingClasses = computed(() => {
       const classes = [];
-      if (slots["leading-icon"]) {
+      if (props.hasLeadingIcon) {
         classes.push("input-padding-left-icon");
       } else {
         classes.push("input-padding-left");
       }
-      if (slots["trailing-icon"]) {
+      if (props.hasTrailingIcon) {
         classes.push("input-padding-right-icon");
       } else {
         classes.push("input-padding-right");
@@ -2280,7 +2266,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
             paddingClasses.value
           ]])
         }, [
-          _ctx.$slots["leading-icon"] ? (openBlock(), createElementBlock("div", _hoisted_1$L, [
+          props.hasLeadingIcon ? (openBlock(), createElementBlock("div", _hoisted_1$L, [
             renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
           ])) : createCommentVNode("", true),
           createElementVNode("div", {
@@ -2305,7 +2291,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
               createVNode(unref(ChevronDown))
             ], 2)
           ], 42, _hoisted_2$F),
-          _ctx.$slots["trailing-icon"] ? (openBlock(), createElementBlock("div", _hoisted_6$r, [
+          props.hasTrailingIcon ? (openBlock(), createElementBlock("div", _hoisted_6$r, [
             renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ], 2),
@@ -2379,7 +2365,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const UiInputSelect = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-662c22e1"]]);
+const UiInputSelect = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["__scopeId", "data-v-302debb0"]]);
 const _hoisted_1$K = { class: "input-leading-icon" };
 const _hoisted_2$E = ["src"];
 const _hoisted_3$B = ["id", "accept", "multiple", "disabled", "required"];
@@ -2425,6 +2411,8 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     dragDropText: {},
     selectedText: {},
     preview: {},
+    hasLeadingIcon: { type: Boolean, default: false },
+    hasTrailingIcon: { type: Boolean, default: false },
     label: {},
     helpText: {},
     modelValue: {},
@@ -2622,7 +2610,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
             src: previewImageUrl.value,
             alt: "Preview",
             class: "input-file-preview"
-          }, null, 8, _hoisted_2$E)) : _ctx.$slots["leading-icon"] ? renderSlot(_ctx.$slots, "leading-icon", { key: 1 }, void 0, true) : (openBlock(), createBlock(unref(FileInput), { key: 2 }))
+          }, null, 8, _hoisted_2$E)) : props.hasLeadingIcon ? renderSlot(_ctx.$slots, "leading-icon", { key: 1 }, void 0, true) : (openBlock(), createBlock(unref(FileInput), { key: 2 }))
         ]),
         createElementVNode("div", {
           class: normalizeClass(["input-file-area", {
@@ -2684,14 +2672,14 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           }, [
             createVNode(unref(X))
           ])
-        ])) : _ctx.$slots["trailing-icon"] ? (openBlock(), createElementBlock("div", _hoisted_18$f, [
+        ])) : props.hasTrailingIcon ? (openBlock(), createElementBlock("div", _hoisted_18$f, [
           renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
         ])) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const UiInputFile = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-86bf65ec"]]);
+const UiInputFile = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["__scopeId", "data-v-e1fd712d"]]);
 const _hoisted_1$J = { class: "tabs-wrapper" };
 const _hoisted_2$D = {
   key: 0,
@@ -25281,6 +25269,8 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     maxLength: { default: 6 },
     variant: { default: "numeric" },
     divider: {},
+    hasLeadingIcon: { type: Boolean, default: false },
+    hasTrailingIcon: { type: Boolean, default: false },
     label: {},
     helpText: {},
     modelValue: {},
@@ -25460,7 +25450,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["pincode-wrapper", [`pincode-size-${_ctx.size}`, { "pincode-error": _ctx.error }]])
       }, [
         createElementVNode("div", _hoisted_1$F, [
-          _ctx.$slots["leading-icon"] ? (openBlock(), createElementBlock("div", _hoisted_2$A, [
+          props.hasLeadingIcon ? (openBlock(), createElementBlock("div", _hoisted_2$A, [
             renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
           ])) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.maxLength, (index) => {
@@ -25492,7 +25482,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
               }, dividerProps.value, { class: "pincode-custom-divider" }), null, 16)) : shouldShowDivider(index) ? (openBlock(), createElementBlock("span", _hoisted_4$w, toDisplayString(dividerCharacter.value), 1)) : createCommentVNode("", true)
             ], 64);
           }), 128)),
-          _ctx.$slots["trailing-icon"] ? (openBlock(), createElementBlock("div", _hoisted_5$r, [
+          props.hasTrailingIcon ? (openBlock(), createElementBlock("div", _hoisted_5$r, [
             renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
           ])) : createCommentVNode("", true)
         ])
@@ -25500,7 +25490,19 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const UiInputPincode = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-dc5d46fa"]]);
+const UiInputPincode = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["__scopeId", "data-v-78a9c50b"]]);
+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$E = ["for"];
 const _hoisted_2$z = {
   key: 0,
@@ -25527,6 +25529,8 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     step: {},
     autocomplete: {},
     spellcheck: { type: Boolean },
+    hasLeadingIcon: { type: Boolean },
+    hasTrailingIcon: { type: Boolean },
     label: {},
     helpText: {},
     modelValue: {},
@@ -25631,26 +25635,21 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             error: Boolean(props.error && props.error !== true && props.error !== ""),
             size: props.size,
             tabindex: _ctx.tabindex,
+            "has-leading-icon": hasSlotContent$1("leading-icon"),
+            "has-trailing-icon": hasSlotContent$1("trailing-icon"),
             "onUpdate:modelValue": handleInput,
             onBlur: handleBlur,
             onFocus: handleFocus,
             onKeydown: handleKeydown
-          }, createSlots({ _: 2 }, [
-            hasSlotContent$1("leading-icon") ? {
-              name: "leading-icon",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
-              ]),
-              key: "0"
-            } : void 0,
-            hasSlotContent$1("trailing-icon") ? {
-              name: "trailing-icon",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
-              ]),
-              key: "1"
-            } : void 0
-          ]), 1032, ["model-value", "type", "placeholder", "disabled", "readonly", "required", "min", "max", "step", "autocomplete", "spellcheck", "input-id", "error", "size", "tabindex"])) : _ctx.type === "textarea" ? (openBlock(), createBlock(UiInputTextarea, {
+          }, {
+            "leading-icon": withCtx(() => [
+              renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
+            ]),
+            "trailing-icon": withCtx(() => [
+              renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
+            ]),
+            _: 3
+          }, 8, ["model-value", "type", "placeholder", "disabled", "readonly", "required", "min", "max", "step", "autocomplete", "spellcheck", "input-id", "error", "size", "tabindex", "has-leading-icon", "has-trailing-icon"])) : _ctx.type === "textarea" ? (openBlock(), createBlock(UiInputTextarea, {
             key: 1,
             "model-value": _ctx.modelValue,
             placeholder: _ctx.placeholder,
@@ -25667,26 +25666,21 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             error: props.error,
             size: props.size,
             tabindex: _ctx.tabindex,
+            "has-leading-icon": hasSlotContent$1("leading-icon"),
+            "has-trailing-icon": hasSlotContent$1("trailing-icon"),
             "onUpdate:modelValue": handleInput,
             onBlur: handleBlur,
             onFocus: handleFocus,
             onKeydown: handleKeydown
-          }, createSlots({ _: 2 }, [
-            hasSlotContent$1("leading-icon") ? {
-              name: "leading-icon",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
-              ]),
-              key: "0"
-            } : void 0,
-            hasSlotContent$1("trailing-icon") ? {
-              name: "trailing-icon",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
-              ]),
-              key: "1"
-            } : void 0
-          ]), 1032, ["model-value", "placeholder", "disabled", "readonly", "required", "rows", "cols", "maxlength", "autocomplete", "spellcheck", "resizable", "input-id", "error", "size", "tabindex"])) : _ctx.type === "select" ? (openBlock(), createBlock(UiInputSelect, {
+          }, {
+            "leading-icon": withCtx(() => [
+              renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
+            ]),
+            "trailing-icon": withCtx(() => [
+              renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
+            ]),
+            _: 3
+          }, 8, ["model-value", "placeholder", "disabled", "readonly", "required", "rows", "cols", "maxlength", "autocomplete", "spellcheck", "resizable", "input-id", "error", "size", "tabindex", "has-leading-icon", "has-trailing-icon"])) : _ctx.type === "select" ? (openBlock(), createBlock(UiInputSelect, {
             key: 2,
             "model-value": _ctx.modelValue,
             options: props.options,
@@ -25702,25 +25696,20 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             error: props.error,
             size: props.size,
             tabindex: _ctx.tabindex,
+            "has-leading-icon": hasSlotContent$1("leading-icon"),
+            "has-trailing-icon": hasSlotContent$1("trailing-icon"),
             "onUpdate:modelValue": handleInput,
             onBlur: handleBlur,
             onFocus: handleFocus
-          }, createSlots({ _: 2 }, [
-            hasSlotContent$1("leading-icon") ? {
-              name: "leading-icon",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
-              ]),
-              key: "0"
-            } : void 0,
-            hasSlotContent$1("trailing-icon") ? {
-              name: "trailing-icon",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
-              ]),
-              key: "1"
-            } : void 0
-          ]), 1032, ["model-value", "options", "placeholder", "disabled", "multiple", "searchable", "allow-insert", "max-dropdown-height", "no-options-text", "search-placeholder", "input-id", "error", "size", "tabindex"])) : _ctx.type === "file" ? (openBlock(), createBlock(UiInputFile, {
+          }, {
+            "leading-icon": withCtx(() => [
+              renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
+            ]),
+            "trailing-icon": withCtx(() => [
+              renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
+            ]),
+            _: 3
+          }, 8, ["model-value", "options", "placeholder", "disabled", "multiple", "searchable", "allow-insert", "max-dropdown-height", "no-options-text", "search-placeholder", "input-id", "error", "size", "tabindex", "has-leading-icon", "has-trailing-icon"])) : _ctx.type === "file" ? (openBlock(), createBlock(UiInputFile, {
             key: 3,
             "model-value": _ctx.modelValue,
             accept: props.accept,
@@ -25735,27 +25724,22 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
             error: props.error,
             size: props.size,
             tabindex: _ctx.tabindex,
+            "has-leading-icon": hasSlotContent$1("leading-icon"),
+            "has-trailing-icon": hasSlotContent$1("trailing-icon"),
             "onUpdate:modelValue": handleInput,
             onFileError: handleFileError,
             onClearPreview: handleClearPreview,
             onBlur: handleBlur,
             onFocus: handleFocus
-          }, createSlots({ _: 2 }, [
-            hasSlotContent$1("leading-icon") ? {
-              name: "leading-icon",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
-              ]),
-              key: "0"
-            } : void 0,
-            hasSlotContent$1("trailing-icon") ? {
-              name: "trailing-icon",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
-              ]),
-              key: "1"
-            } : void 0
-          ]), 1032, ["model-value", "accept", "multiple", "max-file-size", "drag-drop-text", "selected-text", "preview", "disabled", "required", "input-id", "error", "size", "tabindex"])) : _ctx.type === "date" ? (openBlock(), createBlock(_sfc_main$M, {
+          }, {
+            "leading-icon": withCtx(() => [
+              renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
+            ]),
+            "trailing-icon": withCtx(() => [
+              renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
+            ]),
+            _: 3
+          }, 8, ["model-value", "accept", "multiple", "max-file-size", "drag-drop-text", "selected-text", "preview", "disabled", "required", "input-id", "error", "size", "tabindex", "has-leading-icon", "has-trailing-icon"])) : _ctx.type === "date" ? (openBlock(), createBlock(_sfc_main$M, {
             key: 4,
             "model-value": _ctx.modelValue,
             placeholder: _ctx.placeholder,
@@ -25856,7 +25840,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const StrandsUiInput = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-55d725f7"]]);
+const StrandsUiInput = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-96984fc3"]]);
 const _hoisted_1$D = ["disabled", "aria-disabled"];
 const _hoisted_2$y = ["href", "target", "rel", "aria-disabled"];
 const _sfc_main$G = /* @__PURE__ */ defineComponent({

package/package.json

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