@strands.gg/accui 2.15.11 → 2.15.14

package/dist/{StrandsUIPlugin-JP858JzQ.es.js → StrandsUIPlugin-Dws5Nqi_.es.js}

@@ -1573,6 +1573,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     label: {},
     helpText: {},
     modelValue: {},
+    value: {},
     placeholder: {},
     disabled: { type: Boolean, default: false },
     readonly: { type: Boolean, default: false },
@@ -1738,6 +1739,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     label: {},
     helpText: {},
     modelValue: {},
+    value: {},
     placeholder: {},
     disabled: { type: Boolean, default: false },
     readonly: { type: Boolean, default: false },
@@ -2061,18 +2063,18 @@ const _hoisted_6$3 = {
   class: "input-trailing-icon"
 };
 const _hoisted_7$3 = ["id", "aria-multiselectable"];
-const _hoisted_8$2 = {
+const _hoisted_8$3 = {
   key: 0,
   class: "input-dropdown-search"
 };
-const _hoisted_9$2 = {
+const _hoisted_9$3 = {
   key: 0,
   class: "input-dropdown-no-options"
 };
-const _hoisted_10$2 = ["onClick", "onMouseenter", "aria-selected"];
-const _hoisted_11$2 = { class: "input-dropdown-option-content" };
-const _hoisted_12$2 = { class: "input-dropdown-option-text" };
-const _hoisted_13$2 = {
+const _hoisted_10$3 = ["onClick", "onMouseenter", "aria-selected"];
+const _hoisted_11$3 = { class: "input-dropdown-option-content" };
+const _hoisted_12$3 = { class: "input-dropdown-option-text" };
+const _hoisted_13$3 = {
   key: 0,
   class: "input-dropdown-option-description"
 };
@@ -2095,6 +2097,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     label: {},
     helpText: {},
     modelValue: {},
+    value: {},
     placeholder: {},
     disabled: { type: Boolean, default: false },
     readonly: { type: Boolean },
@@ -2437,7 +2440,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {
             }, ["prevent"]))
           }, [
-            _ctx.searchable ? (openBlock(), createElementBlock("div", _hoisted_8$2, [
+            _ctx.searchable ? (openBlock(), createElementBlock("div", _hoisted_8$3, [
               createVNode(StrandsUiInput, {
                 ref_key: "searchInputRef",
                 ref: searchInputRef,
@@ -2459,7 +2462,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               class: "input-dropdown-options",
               style: normalizeStyle({ maxHeight: `${_ctx.maxDropdownHeight}px` })
             }, [
-              filteredOptions.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_9$2, [
+              filteredOptions.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
                 renderSlot(_ctx.$slots, "zero-state", {}, () => [
                   createTextVNode(toDisplayString(_ctx.noOptionsText), 1)
                 ], true)
@@ -2478,14 +2481,14 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                   role: "option",
                   "aria-selected": isOptionSelected(option)
                 }, [
-                  createElementVNode("div", _hoisted_11$2, [
-                    createElementVNode("div", _hoisted_12$2, toDisplayString(option.label), 1),
-                    option.description ? (openBlock(), createElementBlock("div", _hoisted_13$2, toDisplayString(option.description), 1)) : createCommentVNode("", true)
+                  createElementVNode("div", _hoisted_11$3, [
+                    createElementVNode("div", _hoisted_12$3, toDisplayString(option.label), 1),
+                    option.description ? (openBlock(), createElementBlock("div", _hoisted_13$3, toDisplayString(option.description), 1)) : createCommentVNode("", true)
                   ]),
                   _ctx.multiple && isOptionSelected(option) ? (openBlock(), createElementBlock("div", _hoisted_14$2, [
                     createVNode(unref(Check))
                   ])) : createCommentVNode("", true)
-                ], 42, _hoisted_10$2);
+                ], 42, _hoisted_10$3);
               }), 128))
             ], 4)
           ], 46, _hoisted_7$3)) : createCommentVNode("", true)
@@ -2505,21 +2508,21 @@ const _hoisted_5$5 = {
 };
 const _hoisted_6$2 = { class: "input-file-list" };
 const _hoisted_7$2 = { class: "input-file-item" };
-const _hoisted_8$1 = { class: "input-file-name" };
-const _hoisted_9$1 = {
+const _hoisted_8$2 = { class: "input-file-name" };
+const _hoisted_9$2 = {
   key: 1,
   class: "input-file-prompt"
 };
-const _hoisted_10$1 = { class: "input-file-prompt-text" };
-const _hoisted_11$1 = {
+const _hoisted_10$2 = { class: "input-file-prompt-text" };
+const _hoisted_11$2 = {
   key: 0,
   class: "input-file-accept-text"
 };
-const _hoisted_12$1 = {
+const _hoisted_12$2 = {
   key: 2,
   class: "input-file-selected"
 };
-const _hoisted_13$1 = { class: "input-file-selected-text" };
+const _hoisted_13$2 = { class: "input-file-selected-text" };
 const _hoisted_14$1 = { class: "input-file-list" };
 const _hoisted_15$1 = { class: "input-file-name" };
 const _hoisted_16$1 = { class: "input-file-size" };
@@ -2545,6 +2548,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     label: {},
     helpText: {},
     modelValue: {},
+    value: {},
     placeholder: {},
     disabled: { type: Boolean, default: false },
     readonly: { type: Boolean },
@@ -2771,14 +2775,14 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               _cache[0] || (_cache[0] = createElementVNode("div", { class: "input-file-selected-text" }, " File loaded ", -1)),
               createElementVNode("div", _hoisted_6$2, [
                 createElementVNode("div", _hoisted_7$2, [
-                  createElementVNode("span", _hoisted_8$1, toDisplayString(displayUrl.value), 1)
+                  createElementVNode("span", _hoisted_8$2, toDisplayString(displayUrl.value), 1)
                 ])
               ])
-            ])) : selectedFiles.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_9$1, [
-              createElementVNode("div", _hoisted_10$1, toDisplayString(_ctx.dragDropText || "Click to select or drag and drop"), 1),
-              _ctx.accept ? (openBlock(), createElementBlock("div", _hoisted_11$1, toDisplayString(_ctx.accept), 1)) : createCommentVNode("", true)
-            ])) : (openBlock(), createElementBlock("div", _hoisted_12$1, [
-              createElementVNode("div", _hoisted_13$1, toDisplayString(_ctx.selectedText || `${selectedFiles.value.length} file(s) selected`), 1),
+            ])) : selectedFiles.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_9$2, [
+              createElementVNode("div", _hoisted_10$2, toDisplayString(_ctx.dragDropText || "Click to select or drag and drop"), 1),
+              _ctx.accept ? (openBlock(), createElementBlock("div", _hoisted_11$2, toDisplayString(_ctx.accept), 1)) : createCommentVNode("", true)
+            ])) : (openBlock(), createElementBlock("div", _hoisted_12$2, [
+              createElementVNode("div", _hoisted_13$2, toDisplayString(_ctx.selectedText || `${selectedFiles.value.length} file(s) selected`), 1),
               createElementVNode("div", _hoisted_14$1, [
                 (openBlock(true), createElementBlock(Fragment$1, null, renderList(selectedFiles.value, (file, index) => {
                   return openBlock(), createElementBlock("div", {
@@ -3299,12 +3303,12 @@ const _hoisted_7$1 = {
   key: 1,
   class: "datetime-picker-panel"
 };
-const _hoisted_8 = { class: "datetime-picker-header" };
-const _hoisted_9 = { class: "datetime-picker-month-year" };
-const _hoisted_10 = ["value"];
-const _hoisted_11 = ["value"];
-const _hoisted_12 = { class: "datetime-picker-weekdays" };
-const _hoisted_13 = { class: "datetime-picker-grid" };
+const _hoisted_8$1 = { class: "datetime-picker-header" };
+const _hoisted_9$1 = { class: "datetime-picker-month-year" };
+const _hoisted_10$1 = ["value"];
+const _hoisted_11$1 = ["value"];
+const _hoisted_12$1 = { class: "datetime-picker-weekdays" };
+const _hoisted_13$1 = { class: "datetime-picker-grid" };
 const _hoisted_14 = {
   key: 2,
   class: "datetime-picker-panel datetime-picker-time-panel"
@@ -3696,7 +3700,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               style: { "margin-bottom": "1rem" }
             }, null, 8, ["modelValue", "tabs"])) : createCommentVNode("", true),
             showDatePanel.value ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
-              createElementVNode("div", _hoisted_8, [
+              createElementVNode("div", _hoisted_8$1, [
                 createVNode(StrandsUiButton, {
                   onClick: previousMonth,
                   disabled: isPrevDisabled.value,
@@ -3710,7 +3714,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 1
                 }, 8, ["disabled"]),
-                createElementVNode("div", _hoisted_9, [
+                createElementVNode("div", _hoisted_9$1, [
                   withDirectives(createElementVNode("select", {
                     "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => currentMonth.value = $event),
                     class: "datetime-picker-select"
@@ -3719,7 +3723,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                       return createElementVNode("option", {
                         key: index,
                         value: index
-                      }, toDisplayString(month), 9, _hoisted_10);
+                      }, toDisplayString(month), 9, _hoisted_10$1);
                     }), 64))
                   ], 512), [
                     [vModelSelect, currentMonth.value]
@@ -3732,7 +3736,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                       return openBlock(), createElementBlock("option", {
                         key: year,
                         value: year
-                      }, toDisplayString(year), 9, _hoisted_11);
+                      }, toDisplayString(year), 9, _hoisted_11$1);
                     }), 128))
                   ], 512), [
                     [vModelSelect, currentYear.value]
@@ -3752,7 +3756,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   _: 1
                 }, 8, ["disabled"])
               ]),
-              createElementVNode("div", _hoisted_12, [
+              createElementVNode("div", _hoisted_12$1, [
                 (openBlock(), createElementBlock(Fragment$1, null, renderList(weekDays, (day) => {
                   return createElementVNode("div", {
                     key: day,
@@ -3760,7 +3764,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   }, toDisplayString(day), 1);
                 }), 64))
               ]),
-              createElementVNode("div", _hoisted_13, [
+              createElementVNode("div", _hoisted_13$1, [
                 (openBlock(true), createElementBlock(Fragment$1, null, renderList(calendarDays.value, (day) => {
                   return openBlock(), createBlock(StrandsUiButton, {
                     key: day.key,
@@ -3919,6 +3923,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     label: {},
     helpText: {},
     modelValue: {},
+    value: {},
     placeholder: {},
     disabled: { type: Boolean, default: false },
     readonly: { type: Boolean, default: false },
@@ -3965,6 +3970,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     label: {},
     helpText: {},
     modelValue: {},
+    value: {},
     placeholder: {},
     disabled: { type: Boolean, default: false },
     readonly: { type: Boolean, default: false },
@@ -4013,6 +4019,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     label: {},
     helpText: {},
     modelValue: {},
+    value: {},
     placeholder: {},
     disabled: { type: Boolean, default: false },
     readonly: { type: Boolean, default: false },
@@ -25011,15 +25018,26 @@ const _hoisted_3$2 = { class: "input-richtext-group" };
 const _hoisted_4$2 = { class: "input-richtext-group" };
 const _hoisted_5$2 = { class: "input-richtext-group" };
 const _hoisted_6 = { class: "input-richtext-group" };
-const _hoisted_7 = { class: "input-richtext-editor-wrapper" };
+const _hoisted_7 = { class: "input-richtext-group" };
+const _hoisted_8 = { key: 0 };
+const _hoisted_9 = {
+  key: 1,
+  class: "input-richtext-dropdown-wrapper"
+};
+const _hoisted_10 = { key: 0 };
+const _hoisted_11 = ["onClick"];
+const _hoisted_12 = { class: "input-richtext-dropdown-item-label" };
+const _hoisted_13 = { class: "input-richtext-editor-wrapper" };
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "UiInput.RichText",
   props: {
     minHeight: { default: "200px" },
     maxHeight: { default: "400px" },
+    customControls: { default: () => [] },
     label: {},
     helpText: {},
     modelValue: {},
+    value: {},
     placeholder: { default: "Start typing..." },
     disabled: { type: Boolean, default: false },
     readonly: { type: Boolean, default: false },
@@ -25033,12 +25051,65 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue", "blur", "focus"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "653355e8": _ctx.minHeight,
-      "c14982c4": _ctx.maxHeight
+      "97ca656e": _ctx.minHeight,
+      "f3e0924a": _ctx.maxHeight
     }));
     const props = __props;
     const emit = __emit;
     const content = ref(typeof props.modelValue === "string" ? props.modelValue : "");
+    const activeDropdownIndex = ref(null);
+    const dropdownTriggerRefs = ref([]);
+    const dropdownRef = ref();
+    const {
+      floatingStyle,
+      updatePosition,
+      cleanup: cleanupFloating
+    } = useFloatingPosition({
+      trigger: computed(() => activeDropdownIndex.value !== null ? dropdownTriggerRefs.value[activeDropdownIndex.value] : void 0),
+      floating: dropdownRef,
+      placement: "bottom-start",
+      offset: 4,
+      shift: true,
+      flip: true,
+      autoUpdate: true,
+      clickOutside: {
+        enabled: true,
+        handler: () => {
+          closeDropdown();
+        }
+      }
+    });
+    const openDropdown = async (index) => {
+      activeDropdownIndex.value = index;
+      await nextTick();
+      updatePosition();
+    };
+    const closeDropdown = () => {
+      activeDropdownIndex.value = null;
+    };
+    const toggleDropdown = (index) => {
+      if (activeDropdownIndex.value === index) {
+        closeDropdown();
+      } else {
+        openDropdown(index);
+      }
+    };
+    const handleControlAction = (control) => {
+      if (control.action && editor.value) {
+        control.action(editor.value);
+      }
+    };
+    const handleListItemAction = (item) => {
+      if (editor.value) {
+        item.action(editor.value);
+      }
+      closeDropdown();
+    };
+    const setDropdownTriggerRef = (el, index) => {
+      if (el) {
+        dropdownTriggerRefs.value[index] = el.$el || el;
+      }
+    };
     const editor = useEditor({
       content: content.value,
       editable: !props.disabled && !props.readonly,
@@ -25090,6 +25161,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       if (editor.value) {
         editor.value.destroy();
       }
+      cleanupFloating();
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -25366,9 +25438,101 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["disabled"])
-          ])
+          ]),
+          _ctx.customControls && _ctx.customControls.length > 0 ? (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
+            createVNode(UiDivider, {
+              orientation: "vertical",
+              spacing: "28px",
+              margin: "4px"
+            }),
+            createElementVNode("div", _hoisted_7, [
+              (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.customControls, (control, index) => {
+                return openBlock(), createElementBlock(Fragment$1, { key: index }, [
+                  control.action ? (openBlock(), createBlock(StrandsUiButton, {
+                    key: 0,
+                    color: "secondary",
+                    size: "sm",
+                    icon: !control.label,
+                    squircle: "",
+                    onClick: ($event) => handleControlAction(control),
+                    disabled: _ctx.disabled,
+                    title: control.label
+                  }, createSlots({
+                    default: withCtx(() => [
+                      control.label && control.icon ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(control.label), 1)) : control.label ? (openBlock(), createElementBlock(Fragment$1, { key: 1 }, [
+                        createTextVNode(toDisplayString(control.label), 1)
+                      ], 64)) : createCommentVNode("", true)
+                    ]),
+                    _: 2
+                  }, [
+                    control.icon ? {
+                      name: "icon",
+                      fn: withCtx(() => [
+                        (openBlock(), createBlock(resolveDynamicComponent(control.icon), { size: 16 }))
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["icon", "onClick", "disabled", "title"])) : control.list ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                    createVNode(StrandsUiButton, {
+                      ref_for: true,
+                      ref: (el) => setDropdownTriggerRef(el, index),
+                      color: "secondary",
+                      size: "sm",
+                      squircle: "",
+                      onClick: ($event) => toggleDropdown(index),
+                      disabled: _ctx.disabled,
+                      title: control.label,
+                      class: normalizeClass({ "input-richtext-dropdown-open": activeDropdownIndex.value === index })
+                    }, createSlots({
+                      default: withCtx(() => [
+                        control.label ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(control.label), 1)) : createCommentVNode("", true),
+                        createVNode(unref(ChevronDown), {
+                          size: 14,
+                          class: "input-richtext-dropdown-arrow"
+                        })
+                      ]),
+                      _: 2
+                    }, [
+                      control.icon ? {
+                        name: "icon",
+                        fn: withCtx(() => [
+                          (openBlock(), createBlock(resolveDynamicComponent(control.icon), { size: 16 }))
+                        ]),
+                        key: "0"
+                      } : void 0
+                    ]), 1032, ["onClick", "disabled", "title", "class"])
+                  ])) : createCommentVNode("", true)
+                ], 64);
+              }), 128))
+            ])
+          ], 64)) : createCommentVNode("", true)
         ]),
-        createElementVNode("div", _hoisted_7, [
+        (openBlock(), createBlock(Teleport, { to: "body" }, [
+          activeDropdownIndex.value !== null && _ctx.customControls?.[activeDropdownIndex.value]?.list ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            ref_key: "dropdownRef",
+            ref: dropdownRef,
+            class: "input-richtext-dropdown",
+            style: normalizeStyle(unref(floatingStyle))
+          }, [
+            (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.customControls[activeDropdownIndex.value].list, (item, itemIndex) => {
+              return openBlock(), createElementBlock("button", {
+                key: itemIndex,
+                class: "input-richtext-dropdown-item",
+                onClick: ($event) => handleListItemAction(item),
+                type: "button"
+              }, [
+                item.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
+                  key: 0,
+                  size: 16,
+                  class: "input-richtext-dropdown-item-icon"
+                })) : createCommentVNode("", true),
+                createElementVNode("span", _hoisted_12, toDisplayString(item.label), 1)
+              ], 8, _hoisted_11);
+            }), 128))
+          ], 4)) : createCommentVNode("", true)
+        ])),
+        createElementVNode("div", _hoisted_13, [
           createVNode(unref(EditorContent), {
             editor: unref(editor),
             class: "input-richtext-editor",
@@ -25379,7 +25543,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const UiInputRichText = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-18a35d5d"]]);
+const UiInputRichText = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-b531e240"]]);
 const _hoisted_1$2 = { class: "pincode-inputs" };
 const _hoisted_2$2 = {
   key: 0,
@@ -25405,6 +25569,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     label: {},
     helpText: {},
     modelValue: {},
+    value: {},
     placeholder: {},
     disabled: { type: Boolean },
     readonly: { type: Boolean },
@@ -25667,6 +25832,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     label: {},
     helpText: {},
     modelValue: {},
+    value: {},
     placeholder: {},
     disabled: { type: Boolean },
     readonly: { type: Boolean },
@@ -25697,15 +25863,36 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     minuteStep: {},
     minHeight: {},
     maxHeight: {},
+    customControls: {},
     maxLength: {},
     variant: {},
     divider: {}
   },
-  emits: ["update:modelValue", "blur", "focus", "keydown", "file-error", "clear-preview", "complete"],
+  emits: ["update:modelValue", "input", "change", "blur", "focus", "keydown", "file-error", "clear-preview", "complete"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const slots = useSlots();
+    const internalValue = ref("");
+    const currentValue = computed(() => {
+      if (props.modelValue !== void 0) {
+        return props.modelValue;
+      }
+      if (props.value !== void 0) {
+        return props.value;
+      }
+      return internalValue.value;
+    });
+    watch(() => props.value, (newVal) => {
+      if (newVal !== void 0) {
+        internalValue.value = newVal;
+      }
+    }, { immediate: true });
+    watch(() => props.modelValue, (newVal) => {
+      if (newVal !== void 0) {
+        internalValue.value = newVal;
+      }
+    }, { immediate: true });
     const inputId = computed(() => `input-${Math.random().toString(36).substring(2, 11)}`);
     const hasSlotContent$1 = (slotName) => hasSlotContent(slots, slotName);
     const isTextInput = computed(() => {
@@ -25714,7 +25901,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       return textTypes.includes(inputType);
     });
     const handleInput = (value) => {
+      internalValue.value = value;
       emit("update:modelValue", value);
+      emit("input", value);
+      emit("change", value);
     };
     const handleBlur = (event) => {
       emit("blur", event);
@@ -25753,7 +25943,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         createElementVNode("div", null, [
           isTextInput.value ? (openBlock(), createBlock(UiInputText, {
             key: 0,
-            "model-value": _ctx.modelValue,
+            "model-value": currentValue.value,
             type: _ctx.type,
             placeholder: _ctx.placeholder,
             disabled: _ctx.disabled,
@@ -25790,7 +25980,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             _: 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,
+            "model-value": currentValue.value,
             placeholder: _ctx.placeholder,
             disabled: _ctx.disabled,
             readonly: _ctx.readonly,
@@ -25827,7 +26017,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             _: 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,
+            "model-value": currentValue.value,
             options: props.options,
             placeholder: _ctx.placeholder,
             disabled: _ctx.disabled,
@@ -25862,7 +26052,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             _: 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,
+            "model-value": currentValue.value,
             accept: props.accept,
             multiple: props.multiple,
             "max-file-size": props.maxFileSize,
@@ -25898,7 +26088,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             _: 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$6, {
             key: 4,
-            "model-value": _ctx.modelValue,
+            "model-value": currentValue.value,
             placeholder: _ctx.placeholder,
             disabled: _ctx.disabled,
             readonly: _ctx.readonly,
@@ -25914,7 +26104,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             onFocus: handleFocus
           }, null, 8, ["model-value", "placeholder", "disabled", "readonly", "required", "min", "max", "input-id", "error", "size", "tabindex"])) : _ctx.type === "time" ? (openBlock(), createBlock(_sfc_main$5, {
             key: 5,
-            "model-value": _ctx.modelValue,
+            "model-value": currentValue.value,
             placeholder: _ctx.placeholder,
             disabled: _ctx.disabled,
             readonly: _ctx.readonly,
@@ -25928,7 +26118,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             onFocus: handleFocus
           }, null, 8, ["model-value", "placeholder", "disabled", "readonly", "required", "input-id", "error", "size", "tabindex"])) : _ctx.type === "datetime" ? (openBlock(), createBlock(_sfc_main$4, {
             key: 6,
-            "model-value": _ctx.modelValue,
+            "model-value": currentValue.value,
             placeholder: _ctx.placeholder,
             disabled: _ctx.disabled,
             readonly: _ctx.readonly,
@@ -25944,7 +26134,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             onFocus: handleFocus
           }, null, 8, ["model-value", "placeholder", "disabled", "readonly", "required", "min", "max", "input-id", "error", "size", "tabindex"])) : _ctx.type === "richtext" ? (openBlock(), createBlock(UiInputRichText, {
             key: 7,
-            "model-value": _ctx.modelValue,
+            "model-value": currentValue.value,
             placeholder: _ctx.placeholder,
             disabled: _ctx.disabled,
             readonly: _ctx.readonly,
@@ -25958,7 +26148,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             onFocus: handleFocus
           }, null, 8, ["model-value", "placeholder", "disabled", "readonly", "input-id", "error", "min-height", "max-height", "tabindex"])) : _ctx.type === "pincode" ? (openBlock(), createBlock(UiInputPincode, {
             key: 8,
-            "model-value": _ctx.modelValue,
+            "model-value": currentValue.value,
             "max-length": props.maxLength || 6,
             variant: props.variant || "numeric",
             divider: props.divider,
@@ -26011,7 +26201,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const StrandsUiInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-7dcc76a3"]]);
+const StrandsUiInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-bbde0259"]]);
 const _hoisted_1 = ["disabled", "aria-disabled"];
 const _hoisted_2 = ["href", "target", "rel", "aria-disabled"];
 const _sfc_main = /* @__PURE__ */ defineComponent({