@idds/vue 1.5.7 → 1.5.9

package/dist/index.es.js

@@ -1724,7 +1724,7 @@ const _hoisted_11$a = {
   class: "ina-card__media"
 };
 const _hoisted_12$9 = ["src", "alt"];
-const _hoisted_13$7 = {
+const _hoisted_13$6 = {
   key: 3,
   class: "ina-card__media"
 };
@@ -1754,7 +1754,7 @@ const _hoisted_21$3 = {
   key: 1,
   class: "ina-card__body"
 };
-const _hoisted_22$2 = {
+const _hoisted_22$3 = {
   key: 2,
   class: "ina-card__footer"
 };
@@ -1892,7 +1892,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
             }, null, 8, _hoisted_12$9)) : createCommentVNode("", true)
           ])
         ])) : createCommentVNode("", true),
-        __props.variant === "horizontal" && computedMediaPosition.value === "left" ? (openBlock(), createElementBlock("div", _hoisted_13$7, [
+        __props.variant === "horizontal" && computedMediaPosition.value === "left" ? (openBlock(), createElementBlock("div", _hoisted_13$6, [
           renderSlot(_ctx.$slots, "media", {}, () => [
             __props.mediaSrc ? (openBlock(), createElementBlock("img", {
               key: 0,
@@ -1933,7 +1933,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
           _ctx.$slots.default && !__props.title && !__props.description ? (openBlock(), createElementBlock("div", _hoisted_21$3, [
             renderSlot(_ctx.$slots, "default")
           ])) : createCommentVNode("", true),
-          __props.showFooter || _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_22$2, [
+          __props.showFooter || _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_22$3, [
             renderSlot(_ctx.$slots, "footer")
           ])) : createCommentVNode("", true)
         ], 64)) : createCommentVNode("", true)
@@ -3481,7 +3481,7 @@ const _hoisted_12$8 = {
   key: 0,
   class: "ina-file-upload__file-icon-wrapper ina-file-upload__file-icon-wrapper--uploading"
 };
-const _hoisted_13$6 = {
+const _hoisted_13$5 = {
   key: 1,
   class: "ina-file-upload__file-icon-wrapper ina-file-upload__file-icon-wrapper--success"
 };
@@ -3502,9 +3502,9 @@ const _hoisted_19$2 = {
 };
 const _hoisted_20$2 = { class: "ina-file-upload__file-actions" };
 const _hoisted_21$2 = ["onClick"];
-const _hoisted_22$1 = ["onClick"];
-const _hoisted_23$1 = ["onClick"];
-const _hoisted_24$1 = ["onClick"];
+const _hoisted_22$2 = ["onClick"];
+const _hoisted_23$2 = ["onClick"];
+const _hoisted_24$2 = ["onClick"];
 const _hoisted_25$1 = ["onClick"];
 const _hoisted_26$1 = {
   key: 2,
@@ -3797,7 +3797,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                       size: 20,
                       class: "ina-file-upload__file-icon--spinning"
                     })
-                  ])) : uploadedFile.status === "success" ? (openBlock(), createElementBlock("div", _hoisted_13$6, [
+                  ])) : uploadedFile.status === "success" ? (openBlock(), createElementBlock("div", _hoisted_13$5, [
                     createVNode(unref(IconCircleCheck), {
                       size: 20,
                       stroke: "2"
@@ -3836,7 +3836,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                       onClick: ($event) => removeFile(getOriginalIndex(uploadedFile))
                     }, [
                       createVNode(unref(IconTrash), { size: 20 })
-                    ], 8, _hoisted_22$1)
+                    ], 8, _hoisted_22$2)
                   ], 64)) : uploadedFile.status === "uploading" ? (openBlock(), createElementBlock("button", {
                     key: 1,
                     title: "Batalkan upload",
@@ -3845,7 +3845,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                     onClick: ($event) => removeFile(getOriginalIndex(uploadedFile))
                   }, [
                     createVNode(unref(IconX), { size: 20 })
-                  ], 8, _hoisted_23$1)) : uploadedFile.status === "success" ? (openBlock(), createElementBlock("button", {
+                  ], 8, _hoisted_23$2)) : uploadedFile.status === "success" ? (openBlock(), createElementBlock("button", {
                     key: 2,
                     title: "Hapus file",
                     type: "button",
@@ -3853,7 +3853,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                     onClick: ($event) => removeFile(getOriginalIndex(uploadedFile))
                   }, [
                     createVNode(unref(IconTrash), { size: 20 })
-                  ], 8, _hoisted_24$1)) : uploadedFile.status === "idle" ? (openBlock(), createElementBlock("button", {
+                  ], 8, _hoisted_24$2)) : uploadedFile.status === "idle" ? (openBlock(), createElementBlock("button", {
                     key: 3,
                     title: "Hapus file",
                     type: "button",
@@ -5492,7 +5492,7 @@ const _hoisted_9$6 = { class: "ina-phone-input__country-search" };
 const _hoisted_10$6 = { class: "ina-phone-input__country-list" };
 const _hoisted_11$6 = ["onClick"];
 const _hoisted_12$6 = { class: "ina-phone-input__country-flag" };
-const _hoisted_13$5 = { class: "ina-phone-input__country-name" };
+const _hoisted_13$4 = { class: "ina-phone-input__country-name" };
 const _hoisted_14$3 = { class: "ina-phone-input__country-dial-code" };
 const _hoisted_15$3 = ["id", "placeholder", "disabled", "readonly"];
 const _hoisted_16$2 = { key: 1 };
@@ -5738,7 +5738,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
                         onClick: ($event) => selectCountry(country)
                       }, [
                         createElementVNode("span", _hoisted_12$6, toDisplayString(country.flag), 1),
-                        createElementVNode("span", _hoisted_13$5, toDisplayString(country.name), 1),
+                        createElementVNode("span", _hoisted_13$4, toDisplayString(country.name), 1),
                         createElementVNode("span", _hoisted_14$3, toDisplayString(country.dialCode), 1)
                       ], 10, _hoisted_11$6);
                     }), 128))
@@ -6406,7 +6406,7 @@ const _hoisted_9$4 = { class: "ina-date-picker__dropdown-container" };
 const _hoisted_10$4 = { class: "ina-date-picker__calendar-grid" };
 const _hoisted_11$4 = ["disabled", "onClick"];
 const _hoisted_12$4 = { class: "ina-date-picker__day-number" };
-const _hoisted_13$4 = { class: "ina-date-picker__calendar-container" };
+const _hoisted_13$3 = { class: "ina-date-picker__calendar-container" };
 const _hoisted_14$2 = { class: "ina-date-picker__calendar-header" };
 const _hoisted_15$2 = { class: "ina-date-picker__header-controls" };
 const _hoisted_16$1 = { class: "ina-date-picker__dropdown-container" };
@@ -6415,9 +6415,9 @@ const _hoisted_18$1 = { class: "ina-date-picker__calendar-grid" };
 const _hoisted_19$1 = ["disabled", "onClick"];
 const _hoisted_20$1 = { class: "ina-date-picker__day-number" };
 const _hoisted_21$1 = { class: "ina-date-picker__calendar" };
-const _hoisted_22 = { class: "ina-date-picker__next-month-header" };
-const _hoisted_23 = { class: "ina-date-picker__next-month-controls" };
-const _hoisted_24 = { class: "ina-date-picker__dropdown-container" };
+const _hoisted_22$1 = { class: "ina-date-picker__next-month-header" };
+const _hoisted_23$1 = { class: "ina-date-picker__next-month-controls" };
+const _hoisted_24$1 = { class: "ina-date-picker__dropdown-container" };
 const _hoisted_25 = { class: "ina-date-picker__dropdown-container" };
 const _hoisted_26 = { class: "ina-date-picker__calendar-grid" };
 const _hoisted_27 = ["disabled", "onClick"];
@@ -7314,7 +7314,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                 }), 128))
               ])
             ])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createElementVNode("div", _hoisted_13$4, [
+              createElementVNode("div", _hoisted_13$3, [
                 createElementVNode("div", _hoisted_14$2, [
                   createElementVNode("button", {
                     type: "button",
@@ -7381,7 +7381,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                 ])
               ]),
               createElementVNode("div", _hoisted_21$1, [
-                createElementVNode("div", _hoisted_22, [
+                createElementVNode("div", _hoisted_22$1, [
                   createElementVNode("button", {
                     type: "button",
                     class: "ina-date-picker__nav-button",
@@ -7392,8 +7392,8 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                       class: "ina-date-picker__nav-icon"
                     })
                   ]),
-                  createElementVNode("div", _hoisted_23, [
-                    createElementVNode("div", _hoisted_24, [
+                  createElementVNode("div", _hoisted_23$1, [
+                    createElementVNode("div", _hoisted_24$1, [
                       createVNode(MonthPicker, {
                         "model-value": nextMonth.value,
                         disabled: __props.disabled,
@@ -7458,57 +7458,66 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   }
 });
 const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-c8e09815"]]);
-const _hoisted_1$f = ["disabled"];
-const _hoisted_2$f = {
+const _hoisted_1$f = {
   key: 0,
-  class: "ina-select-dropdown__trigger-prefix"
+  class: "ina-select-dropdown__label"
 };
+const _hoisted_2$f = { key: 1 };
 const _hoisted_3$d = {
+  key: 2,
+  class: "ina-select-dropdown__required"
+};
+const _hoisted_4$9 = ["disabled"];
+const _hoisted_5$8 = {
+  key: 0,
+  class: "ina-select-dropdown__trigger-prefix"
+};
+const _hoisted_6$6 = {
   key: 0,
   class: "ina-select-dropdown__search"
 };
-const _hoisted_4$9 = ["aria-label", "disabled"];
-const _hoisted_5$8 = {
+const _hoisted_7$6 = ["aria-label", "disabled"];
+const _hoisted_8$4 = {
   key: 1,
   class: "ina-select-dropdown__preview"
 };
-const _hoisted_6$6 = { class: "ina-select-dropdown__preview-content" };
-const _hoisted_7$6 = { class: "ina-select-dropdown__preview-item-text" };
-const _hoisted_8$4 = ["aria-label", "onClick"];
-const _hoisted_9$3 = {
+const _hoisted_9$3 = { class: "ina-select-dropdown__preview-content" };
+const _hoisted_10$3 = { class: "ina-select-dropdown__preview-item-text" };
+const _hoisted_11$3 = ["aria-label", "onClick"];
+const _hoisted_12$3 = {
   key: 0,
   class: "ina-select-dropdown__preview-more"
 };
-const _hoisted_10$3 = {
+const _hoisted_13$2 = {
   key: 0,
   class: "ina-select-dropdown__preview-item ina-select-dropdown__preview-item--single"
 };
-const _hoisted_11$3 = { class: "ina-select-dropdown__preview-item-text" };
-const _hoisted_12$3 = ["aria-label"];
-const _hoisted_13$3 = ["disabled", "onClick"];
-const _hoisted_14$1 = { class: "ina-select-dropdown__option-content" };
-const _hoisted_15$1 = { class: "ina-select-dropdown__option-label" };
-const _hoisted_16 = {
+const _hoisted_14$1 = { class: "ina-select-dropdown__preview-item-text" };
+const _hoisted_15$1 = ["aria-label"];
+const _hoisted_16 = ["disabled", "onClick"];
+const _hoisted_17 = { class: "ina-select-dropdown__option-content" };
+const _hoisted_18 = { class: "ina-select-dropdown__option-label" };
+const _hoisted_19 = {
   key: 0,
   class: "ina-select-dropdown__option-check-indicator"
 };
-const _hoisted_17 = {
+const _hoisted_20 = {
   key: 0,
   class: "ina-select-dropdown__option-radio-dot"
 };
-const _hoisted_18 = {
+const _hoisted_21 = {
   key: 0,
   class: "ina-select-dropdown__empty"
 };
-const _hoisted_19 = {
+const _hoisted_22 = {
   key: 1,
   class: "ina-select-dropdown__load-more"
 };
-const _hoisted_20 = {
+const _hoisted_23 = {
   key: 2,
   class: "ina-select-dropdown__loading"
 };
-const _hoisted_21 = { class: "ina-select-dropdown__loading-spinner" };
+const _hoisted_24 = { class: "ina-select-dropdown__loading-spinner" };
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "SelectDropdown",
   props: {
@@ -7537,7 +7546,9 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     panelClassName: { default: "" },
     triggerClassName: { default: "" },
     showPreviewValue: { type: Boolean, default: true },
-    searchable: { type: Boolean, default: true }
+    searchable: { type: Boolean, default: true },
+    label: { default: void 0 },
+    required: { type: Boolean, default: false }
   },
   emits: ["update:modelValue", "change", "clear", "update:selectedRaw", "selectedRawChange"],
   setup(__props, { emit: __emit }) {
@@ -7551,6 +7562,11 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     const internalSearchTerm = ref("");
     const searchTimeoutRef = ref(null);
     const selectedLabelsCache = ref(/* @__PURE__ */ new Map());
+    const labelComponent = computed(() => {
+      if (!props.label) return null;
+      if (typeof props.label === "string") return null;
+      return props.label;
+    });
     const isSearchControlled = computed(() => props.searchValue !== void 0);
     const searchTerm = computed(
       () => isSearchControlled.value ? props.searchValue || "" : internalSearchTerm.value
@@ -7859,6 +7875,10 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         class: normalizeClass(["ina-select-dropdown", containerClasses.value]),
         style: normalizeStyle({ width: toCssSize(__props.width) })
       }, [
+        __props.label ? (openBlock(), createElementBlock("label", _hoisted_1$f, [
+          labelComponent.value ? (openBlock(), createBlock(resolveDynamicComponent(labelComponent.value), { key: 0 })) : __props.label && typeof __props.label === "string" ? (openBlock(), createElementBlock("span", _hoisted_2$f, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+          __props.required ? (openBlock(), createElementBlock("span", _hoisted_3$d, "*")) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
         createElementVNode("button", {
           ref_key: "triggerRef",
           ref: triggerRef,
@@ -7867,7 +7887,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           class: normalizeClass(triggerClasses.value),
           onClick: toggleDropdown
         }, [
-          __props.prefixNode ? (openBlock(), createElementBlock("span", _hoisted_2$f, [
+          __props.prefixNode ? (openBlock(), createElementBlock("span", _hoisted_5$8, [
             (openBlock(), createBlock(resolveDynamicComponent(__props.prefixNode)))
           ])) : createCommentVNode("", true),
           createElementVNode("span", {
@@ -7882,7 +7902,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
             size: __props.size === "sm" ? 16 : 20,
             class: normalizeClass(triggerIconClasses.value)
           }, null, 8, ["size", "class"]))
-        ], 10, _hoisted_1$f),
+        ], 10, _hoisted_4$9),
         createVNode(Transition, { name: "dropdown" }, {
           default: withCtx(() => [
             isOpen.value && !__props.disabled ? (openBlock(), createElementBlock("div", {
@@ -7892,7 +7912,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
               class: normalizeClass(panelClasses.value),
               style: normalizeStyle(panelStyle.value)
             }, [
-              __props.searchable ? (openBlock(), createElementBlock("div", _hoisted_3$d, [
+              __props.searchable ? (openBlock(), createElementBlock("div", _hoisted_6$6, [
                 withDirectives(createElementVNode("input", {
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => internalSearchTerm.value = $event),
                   type: "text",
@@ -7901,19 +7921,19 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                   disabled: __props.disabled,
                   class: normalizeClass(searchInputClasses.value),
                   onInput: handleSearchInput
-                }, null, 42, _hoisted_4$9), [
+                }, null, 42, _hoisted_7$6), [
                   [vModelText, internalSearchTerm.value]
                 ])
               ])) : createCommentVNode("", true),
-              __props.showPreviewValue && hasSelectedItems.value ? (openBlock(), createElementBlock("div", _hoisted_5$8, [
-                createElementVNode("div", _hoisted_6$6, [
+              __props.showPreviewValue && hasSelectedItems.value ? (openBlock(), createElementBlock("div", _hoisted_8$4, [
+                createElementVNode("div", _hoisted_9$3, [
                   __props.multiple ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                     (openBlock(true), createElementBlock(Fragment, null, renderList(selectedArray.value.slice(0, 3), (value, index2) => {
                       return openBlock(), createElementBlock("div", {
                         key: index2,
                         class: "ina-select-dropdown__preview-item ina-select-dropdown__preview-item--multiple"
                       }, [
-                        createElementVNode("span", _hoisted_7$6, toDisplayString(getOptionLabelByValue(value)), 1),
+                        createElementVNode("span", _hoisted_10$3, toDisplayString(getOptionLabelByValue(value)), 1),
                         !__props.disabled ? (openBlock(), createElementBlock("button", {
                           key: 0,
                           type: "button",
@@ -7922,13 +7942,13 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                           onClick: withModifiers(($event) => removeSelectedItem(value), ["stop"])
                         }, [
                           createVNode(unref(IconX), { size: 12 })
-                        ], 8, _hoisted_8$4)) : createCommentVNode("", true)
+                        ], 8, _hoisted_11$3)) : createCommentVNode("", true)
                       ]);
                     }), 128)),
-                    selectedArray.value.length > 3 ? (openBlock(), createElementBlock("span", _hoisted_9$3, " +" + toDisplayString(selectedArray.value.length - 3) + " more ", 1)) : createCommentVNode("", true)
+                    selectedArray.value.length > 3 ? (openBlock(), createElementBlock("span", _hoisted_12$3, " +" + toDisplayString(selectedArray.value.length - 3) + " more ", 1)) : createCommentVNode("", true)
                   ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                    __props.modelValue !== null && __props.modelValue !== void 0 && __props.modelValue !== "" ? (openBlock(), createElementBlock("div", _hoisted_10$3, [
-                      createElementVNode("span", _hoisted_11$3, toDisplayString(getOptionLabelByValue(__props.modelValue)), 1),
+                    __props.modelValue !== null && __props.modelValue !== void 0 && __props.modelValue !== "" ? (openBlock(), createElementBlock("div", _hoisted_13$2, [
+                      createElementVNode("span", _hoisted_14$1, toDisplayString(getOptionLabelByValue(__props.modelValue)), 1),
                       !__props.disabled ? (openBlock(), createElementBlock("button", {
                         key: 0,
                         type: "button",
@@ -7937,7 +7957,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                         onClick: _cache[1] || (_cache[1] = withModifiers(($event) => removeSelectedItem(__props.modelValue), ["stop"]))
                       }, [
                         createVNode(unref(IconX), { size: 12 })
-                      ], 8, _hoisted_12$3)) : createCommentVNode("", true)
+                      ], 8, _hoisted_15$1)) : createCommentVNode("", true)
                     ])) : createCommentVNode("", true)
                   ], 64))
                 ])
@@ -7955,12 +7975,12 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                     class: normalizeClass(getOptionClasses(option)),
                     onClick: ($event) => handleOptionClick(option)
                   }, [
-                    createElementVNode("div", _hoisted_14$1, [
+                    createElementVNode("div", _hoisted_17, [
                       renderSlot(_ctx.$slots, "option", {
                         option,
                         selected: isSelected(option)
                       }, () => [
-                        createElementVNode("span", _hoisted_15$1, toDisplayString(getOptionLabel(option)), 1)
+                        createElementVNode("span", _hoisted_18, toDisplayString(getOptionLabel(option)), 1)
                       ], true)
                     ]),
                     __props.multiple ? (openBlock(), createElementBlock("div", {
@@ -7977,7 +7997,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                         size: 14
                       })) : createCommentVNode("", true)
                     ], 2)) : __props.indicator === "check" ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                      isSelected(option) ? (openBlock(), createElementBlock("div", _hoisted_16, [
+                      isSelected(option) ? (openBlock(), createElementBlock("div", _hoisted_19, [
                         createVNode(unref(IconCheck), {
                           size: 16,
                           class: "ina-select-dropdown__option-check-icon"
@@ -7992,20 +8012,20 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                         )
                       )
                     }, [
-                      isSelected(option) ? (openBlock(), createElementBlock("div", _hoisted_17)) : createCommentVNode("", true)
+                      isSelected(option) ? (openBlock(), createElementBlock("div", _hoisted_20)) : createCommentVNode("", true)
                     ], 2)) : createCommentVNode("", true)
-                  ], 10, _hoisted_13$3);
+                  ], 10, _hoisted_16);
                 }), 128)),
-                filteredOptions.value.length === 0 && !__props.loading ? (openBlock(), createElementBlock("div", _hoisted_18, " No results ")) : createCommentVNode("", true),
-                __props.hasMore && !__props.loading && filteredOptions.value.length > 0 && __props.onLoadMore && !__props.disabled ? (openBlock(), createElementBlock("div", _hoisted_19, [
+                filteredOptions.value.length === 0 && !__props.loading ? (openBlock(), createElementBlock("div", _hoisted_21, " No results ")) : createCommentVNode("", true),
+                __props.hasMore && !__props.loading && filteredOptions.value.length > 0 && __props.onLoadMore && !__props.disabled ? (openBlock(), createElementBlock("div", _hoisted_22, [
                   createElementVNode("button", {
                     type: "button",
                     class: "ina-select-dropdown__load-more-button",
                     onClick: handleLoadMoreClick
                   }, " Tampilkan Lebih Banyak ")
                 ])) : createCommentVNode("", true),
-                __props.loading ? (openBlock(), createElementBlock("div", _hoisted_20, [
-                  createElementVNode("div", _hoisted_21, [
+                __props.loading ? (openBlock(), createElementBlock("div", _hoisted_23, [
+                  createElementVNode("div", _hoisted_24, [
                     createVNode(unref(IconLoader2), { size: 20 })
                   ]),
                   _cache[2] || (_cache[2] = createElementVNode("span", { class: "ina-select-dropdown__loading-text" }, "Loading...", -1))
@@ -8019,7 +8039,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const SelectDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-1efeeb5b"]]);
+const SelectDropdown = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-2d7cbd9d"]]);
 const _hoisted_1$e = ["aria-labelledby", "aria-describedby"];
 const _hoisted_2$e = {
   key: 0,
@@ -8770,7 +8790,7 @@ const _hoisted_10$2 = {
 };
 const _hoisted_11$2 = ["tabindex"];
 const _hoisted_12$2 = ["onClick"];
-const _hoisted_13$2 = { class: "ina-table__pagination" };
+const _hoisted_13$1 = { class: "ina-table__pagination" };
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "Table",
   props: {
@@ -9200,7 +9220,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             }), 128))
           ], 2)
         ], 2),
-        createElementVNode("div", _hoisted_13$2, [
+        createElementVNode("div", _hoisted_13$1, [
           createVNode(_sfc_main$q, {
             modelValue: page.value,
             totalPages: totalPages.value,
@@ -9831,25 +9851,18 @@ const _hoisted_2$5 = {
   class: "ina-time-picker__required"
 };
 const _hoisted_3$4 = ["tabindex", "aria-expanded"];
-const _hoisted_4$3 = {
-  key: 0,
-  class: "ina-time-picker__prefix-icon"
-};
+const _hoisted_4$3 = { class: "ina-time-picker__prefix-icon" };
 const _hoisted_5$3 = ["value", "placeholder", "disabled", "readonly"];
 const _hoisted_6$3 = {
-  key: 2,
-  class: "ina-time-picker__suffix-icon"
-};
-const _hoisted_7$3 = {
-  key: 3,
+  key: 1,
   class: "ina-time-picker__suffix-icon"
 };
-const _hoisted_8$2 = { class: "ina-time-picker__content" };
+const _hoisted_7$3 = { class: "ina-time-picker__content" };
+const _hoisted_8$2 = ["onClick", "onMouseenter"];
 const _hoisted_9$1 = ["onClick", "onMouseenter"];
 const _hoisted_10$1 = ["onClick", "onMouseenter"];
 const _hoisted_11$1 = ["onClick", "onMouseenter"];
-const _hoisted_12$1 = ["onClick", "onMouseenter"];
-const _hoisted_13$1 = { class: "ina-time-picker__actions" };
+const _hoisted_12$1 = { class: "ina-time-picker__actions" };
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "TimePicker",
   props: {
@@ -10091,11 +10104,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const triggerClasses = computed(() => {
       const classes = [
         "ina-time-picker__input",
-        `ina-time-picker__input--size-${props.size}`
+        `ina-time-picker__input--size-${props.size}`,
+        "ina-time-picker__input--with-prefix"
       ];
-      if (props.prefixIcon) {
-        classes.push("ina-time-picker__input--with-prefix");
-      }
       if (props.suffixIcon || props.allowClear) {
         classes.push("ina-time-picker__input--with-suffix");
       }
@@ -10151,11 +10162,15 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           onClick: handleWrapperClick,
           onKeydown: handleWrapperKeydown
         }, [
-          __props.prefixIcon ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
+          _cache[0] || (_cache[0] = createTextVNode(" > ", -1)),
+          createElementVNode("div", _hoisted_4$3, [
             renderSlot(_ctx.$slots, "prefixIcon", {}, () => [
-              createTextVNode(toDisplayString(__props.prefixIcon), 1)
+              __props.prefixIcon ? (openBlock(), createBlock(resolveDynamicComponent(__props.prefixIcon), { key: 0 })) : (openBlock(), createBlock(unref(IconClock), {
+                key: 1,
+                size: 16
+              }))
             ])
-          ])) : createCommentVNode("", true),
+          ]),
           createElementVNode("input", mergeProps({
             ref_key: "inputRef",
             ref: inputRef,
@@ -10172,7 +10187,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             onKeydown: handleInputKeydown
           }), null, 16, _hoisted_5$3),
           __props.allowClear && internalValue.value && !__props.disabled ? (openBlock(), createElementBlock("button", {
-            key: 1,
+            key: 0,
             type: "button",
             class: "ina-time-picker__clear-button",
             "aria-label": "Clear time",
@@ -10183,9 +10198,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "suffixIcon", {}, () => [
               createTextVNode(toDisplayString(__props.suffixIcon), 1)
             ])
-          ])) : (openBlock(), createElementBlock("div", _hoisted_7$3, [
-            createVNode(unref(IconClock), { size: 16 })
-          ]))
+          ])) : createCommentVNode("", true)
         ], 40, _hoisted_3$4),
         isOpen.value ? (openBlock(), createElementBlock("div", {
           key: 1,
@@ -10193,7 +10206,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           ref: panelRef,
           class: "ina-time-picker__panel"
         }, [
-          createElementVNode("div", _hoisted_8$2, [
+          createElementVNode("div", _hoisted_7$3, [
             createElementVNode("div", {
               class: normalizeClass([
                 "ina-time-picker__column",
@@ -10215,7 +10228,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                     ]),
                     onClick: ($event) => handleTimeSelect("hour", option),
                     onMouseenter: ($event) => handleMouseEnter("hour", option)
-                  }, toDisplayString(option.toString().padStart(2, "0")), 43, _hoisted_9$1);
+                  }, toDisplayString(option.toString().padStart(2, "0")), 43, _hoisted_8$2);
                 }), 128))
               ], 32)
             ], 2),
@@ -10240,7 +10253,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                     ]),
                     onClick: ($event) => handleTimeSelect("minute", option),
                     onMouseenter: ($event) => handleMouseEnter("minute", option)
-                  }, toDisplayString(option.toString().padStart(2, "0")), 43, _hoisted_10$1);
+                  }, toDisplayString(option.toString().padStart(2, "0")), 43, _hoisted_9$1);
                 }), 128))
               ], 32)
             ], 2),
@@ -10266,7 +10279,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                     ]),
                     onClick: ($event) => handleTimeSelect("second", option),
                     onMouseenter: ($event) => handleMouseEnter("second", option)
-                  }, toDisplayString(option.toString().padStart(2, "0")), 43, _hoisted_11$1);
+                  }, toDisplayString(option.toString().padStart(2, "0")), 43, _hoisted_10$1);
                 }), 128))
               ], 32)
             ], 2)) : createCommentVNode("", true),
@@ -10291,12 +10304,12 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                     ]),
                     onClick: ($event) => handleTimeSelect("period", period),
                     onMouseenter: ($event) => handleMouseEnter("period", period)
-                  }, toDisplayString(period), 43, _hoisted_12$1);
+                  }, toDisplayString(period), 43, _hoisted_11$1);
                 }), 64))
               ], 32)
             ], 2)) : createCommentVNode("", true)
           ]),
-          createElementVNode("div", _hoisted_13$1, [
+          createElementVNode("div", _hoisted_12$1, [
             __props.showNowButton ? (openBlock(), createElementBlock("button", {
               key: 0,
               type: "button",