cisse-vue-ui 0.7.6 → 0.7.8

package/dist/{CheckboxGroup.vue_vue_type_script_setup_true_lang-BOGul8zU.js → CheckboxGroup.vue_vue_type_script_setup_true_lang-hHJdvUYS.js}

@@ -5,7 +5,7 @@ import { u as useDropdown } from "./useDropdown-iVu14E6s.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
 import { o as onClickOutside, a as useDebounceFn, _ as _sfc_main$v } from "./index-SNefWfX0.js";
 import { _ as _sfc_main$u } from "./Button.vue_vue_type_script_setup_true_lang-CBYr0Z2_.js";
-const _hoisted_1$s = ["data-error", "for"];
+const _hoisted_1$t = ["data-error", "for"];
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "FormLabel",
   props: {
@@ -20,11 +20,11 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         class: "block text-sm font-medium text-gray-700 data-[error=true]:text-red-500 dark:text-gray-300"
       }, [
         renderSlot(_ctx.$slots, "default")
-      ], 8, _hoisted_1$s);
+      ], 8, _hoisted_1$t);
     };
   }
 });
-const _hoisted_1$r = ["id", "data-error", "role", "aria-live"];
+const _hoisted_1$s = ["id", "data-error", "role", "aria-live"];
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "FormHelp",
   props: {
@@ -44,11 +44,11 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
         renderSlot(_ctx.$slots, "default", {}, () => [
           createTextVNode(toDisplayString(__props.text ?? ""), 1)
         ])
-      ], 8, _hoisted_1$r);
+      ], 8, _hoisted_1$s);
     };
   }
 });
-const _hoisted_1$q = {
+const _hoisted_1$r = {
   key: 0,
   class: "absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none text-gray-400"
 };
@@ -96,7 +96,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["relative", __props.wrapperClass])
       }, [
-        hasLeftIcon.value ? (openBlock(), createElementBlock("div", _hoisted_1$q, [
+        hasLeftIcon.value ? (openBlock(), createElementBlock("div", _hoisted_1$r, [
           renderSlot(_ctx.$slots, "icon", {}, () => [
             __props.icon ? (openBlock(), createBlock(unref(Icon), {
               key: 0,
@@ -119,7 +119,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$p = ["id", "disabled", "name", "placeholder", "type", "required", "aria-invalid", "aria-required", "aria-describedby"];
+const _hoisted_1$q = ["id", "disabled", "name", "placeholder", "type", "required", "aria-invalid", "aria-required", "aria-describedby"];
 const _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
@@ -165,7 +165,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
             "aria-required": props.required || void 0,
             "aria-describedby": props.describedBy || void 0,
             class: inputClass
-          }, _ctx.$attrs), null, 16, _hoisted_1$p), [
+          }, _ctx.$attrs), null, 16, _hoisted_1$q), [
             [vModelDynamic, modelValue.value]
           ])
         ]),
@@ -174,11 +174,11 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$o = { class: "relative" };
+const _hoisted_1$p = { class: "relative" };
 const _hoisted_2$h = ["id", "disabled", "aria-expanded", "aria-controls", "aria-invalid", "aria-describedby"];
 const _hoisted_3$g = { class: "flex-1 truncate" };
 const _hoisted_4$c = ["id", "aria-label"];
-const _hoisted_5$8 = {
+const _hoisted_5$9 = {
   key: 0,
   class: "sticky top-0 border-b border-gray-200 bg-white p-2 dark:border-gray-700 dark:bg-gray-800"
 };
@@ -316,7 +316,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       return [base, state, text, props.triggerClass];
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$o, [
+      return openBlock(), createElementBlock("div", _hoisted_1$p, [
         createElementVNode("button", {
           id: triggerId.value,
           ref_key: "triggerRef",
@@ -370,7 +370,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                   !__props.teleport && "absolute mt-1 w-full"
                 ])
               }, [
-                __props.searchable ? (openBlock(), createElementBlock("div", _hoisted_5$8, [
+                __props.searchable ? (openBlock(), createElementBlock("div", _hoisted_5$9, [
                   createElementVNode("div", _hoisted_6$8, [
                     createVNode(unref(Icon), {
                       icon: "lucide:search",
@@ -434,7 +434,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$n = ["hidden"];
+const _hoisted_1$o = ["hidden"];
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "FormGroup",
   props: /* @__PURE__ */ mergeModels({
@@ -517,11 +517,11 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["id"])) : createCommentVNode("", true)
         ])
-      ], 12, _hoisted_1$n);
+      ], 12, _hoisted_1$o);
     };
   }
 });
-const _hoisted_1$m = ["name", "placeholder", "disabled"];
+const _hoisted_1$n = ["name", "placeholder", "disabled"];
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
@@ -555,7 +555,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             placeholder: props.placeholder,
             disabled: props.disabled,
             class: inputClass
-          }, _ctx.$attrs), null, 16, _hoisted_1$m), [
+          }, _ctx.$attrs), null, 16, _hoisted_1$n), [
             [vModelText, modelValue.value]
           ])
         ]),
@@ -564,7 +564,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$l = ["id", "aria-checked", "aria-labelledby", "aria-describedby", "disabled"];
+const _hoisted_1$m = ["id", "aria-checked", "aria-labelledby", "aria-describedby", "disabled"];
 const _hoisted_2$g = {
   key: 0,
   class: "flex flex-col"
@@ -635,7 +635,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             ]),
             "aria-hidden": "true"
           }, null, 2)
-        ], 10, _hoisted_1$l),
+        ], 10, _hoisted_1$m),
         __props.label || __props.description ? (openBlock(), createElementBlock("div", _hoisted_2$g, [
           __props.label ? (openBlock(), createElementBlock("span", {
             key: 0,
@@ -652,14 +652,14 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$k = { class: "w-full" };
+const _hoisted_1$l = { class: "w-full" };
 const _hoisted_2$f = {
   key: 0,
   class: "mb-2 flex justify-between text-sm"
 };
 const _hoisted_3$e = { class: "text-gray-600 dark:text-gray-400" };
 const _hoisted_4$a = { class: "font-medium text-gray-900 dark:text-white" };
-const _hoisted_5$7 = { class: "text-gray-600 dark:text-gray-400" };
+const _hoisted_5$8 = { class: "text-gray-600 dark:text-gray-400" };
 const _hoisted_6$7 = { class: "relative" };
 const _hoisted_7$6 = ["value", "min", "max", "step", "disabled"];
 const _hoisted_8$5 = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center" };
@@ -694,11 +694,11 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       modelValue.value = Number(target.value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$k, [
+      return openBlock(), createElementBlock("div", _hoisted_1$l, [
         __props.showValue ? (openBlock(), createElementBlock("div", _hoisted_2$f, [
           createElementVNode("span", _hoisted_3$e, toDisplayString(__props.min), 1),
           createElementVNode("span", _hoisted_4$a, toDisplayString(displayValue.value), 1),
-          createElementVNode("span", _hoisted_5$7, toDisplayString(__props.max), 1)
+          createElementVNode("span", _hoisted_5$8, toDisplayString(__props.max), 1)
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_6$7, [
           createElementVNode("input", {
@@ -723,11 +723,11 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 const Slider = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-c25e2c2a"]]);
-const _hoisted_1$j = { class: "relative" };
+const _hoisted_1$k = { class: "relative" };
 const _hoisted_2$e = ["id", "disabled", "aria-expanded", "aria-controls"];
 const _hoisted_3$d = { class: "flex-1 truncate" };
 const _hoisted_4$9 = { class: "flex items-center gap-1" };
-const _hoisted_5$6 = ["id", "aria-label"];
+const _hoisted_5$7 = ["id", "aria-label"];
 const _hoisted_6$6 = { class: "mb-4 flex items-center justify-between" };
 const _hoisted_7$5 = {
   class: "font-medium text-gray-900 dark:text-white",
@@ -866,7 +866,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       return formatter.format(date);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+      return openBlock(), createElementBlock("div", _hoisted_1$k, [
         createElementVNode("button", {
           id: triggerId.value,
           ref_key: "triggerRef",
@@ -1001,7 +1001,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
                     onClick: _cache[1] || (_cache[1] = ($event) => selectDate({ date: /* @__PURE__ */ new Date(), isDisabled: false }))
                   }, " Today ")
                 ])
-              ], 12, _hoisted_5$6)) : createCommentVNode("", true)
+              ], 12, _hoisted_5$7)) : createCommentVNode("", true)
             ]),
             _: 1
           })
@@ -1010,11 +1010,11 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$i = { class: "space-y-4" };
+const _hoisted_1$j = { class: "space-y-4" };
 const _hoisted_2$d = ["accept", "multiple", "disabled"];
 const _hoisted_3$c = { class: "space-y-2" };
 const _hoisted_4$8 = { class: "text-sm font-medium text-gray-700 dark:text-gray-300" };
-const _hoisted_5$5 = {
+const _hoisted_5$6 = {
   key: 0,
   class: "text-xs text-gray-500 dark:text-gray-400"
 };
@@ -1158,7 +1158,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       return "heroicons:document";
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
         createElementVNode("div", {
           class: normalizeClass(dropzoneClasses.value),
           onDrop: withModifiers(handleDrop, ["prevent"]),
@@ -1182,7 +1182,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               class: normalizeClass(["size-12 mx-auto text-gray-400", { "text-primary-500": isDragging.value }])
             }, null, 8, ["class"]),
             createElementVNode("p", _hoisted_4$8, toDisplayString(__props.label), 1),
-            __props.description ? (openBlock(), createElementBlock("p", _hoisted_5$5, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
+            __props.description ? (openBlock(), createElementBlock("p", _hoisted_5$6, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
             __props.maxSize ? (openBlock(), createElementBlock("p", _hoisted_6$5, " Max size: " + toDisplayString(formatSize(__props.maxSize)), 1)) : createCommentVNode("", true)
           ])
         ], 34),
@@ -1217,7 +1217,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$h = { class: "flex items-center gap-1" };
+const _hoisted_1$i = { class: "flex items-center gap-1" };
 const _hoisted_2$c = ["disabled", "onClick", "onMousemove"];
 const _hoisted_3$b = {
   key: 0,
@@ -1286,7 +1286,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       hoverValue.value = null;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$h, [
+      return openBlock(), createElementBlock("div", _hoisted_1$i, [
         createElementVNode("div", {
           class: "flex items-center",
           onMouseleave: handleMouseLeave
@@ -1326,14 +1326,14 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$g = { class: "relative inline-block" };
+const _hoisted_1$h = { class: "relative inline-block" };
 const _hoisted_2$b = {
   key: 0,
   class: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
 };
 const _hoisted_3$a = ["disabled"];
 const _hoisted_4$7 = { class: "text-sm font-mono text-gray-700 dark:text-gray-300" };
-const _hoisted_5$4 = { class: "grid grid-cols-5 gap-2 mb-3" };
+const _hoisted_5$5 = { class: "grid grid-cols-5 gap-2 mb-3" };
 const _hoisted_6$4 = ["title", "onClick"];
 const _hoisted_7$3 = {
   key: 0,
@@ -1409,7 +1409,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       isOpen.value = false;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$g, [
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [
         __props.label ? (openBlock(), createElementBlock("label", _hoisted_2$b, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
         createElementVNode("button", {
           type: "button",
@@ -1446,7 +1446,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
                 onClick: _cache[1] || (_cache[1] = withModifiers(() => {
                 }, ["stop"]))
               }, [
-                createElementVNode("div", _hoisted_5$4, [
+                createElementVNode("div", _hoisted_5$5, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(__props.swatches, (color) => {
                     return openBlock(), createElementBlock("button", {
                       key: color,
@@ -1500,7 +1500,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$f = { class: "space-y-2" };
+const _hoisted_1$g = { class: "space-y-2" };
 const _hoisted_2$a = {
   key: 0,
   class: "flex justify-between text-sm font-medium text-gray-700 dark:text-gray-300"
@@ -1587,7 +1587,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [
         __props.showLabels ? (openBlock(), createElementBlock("div", _hoisted_2$a, [
           createElementVNode("span", null, toDisplayString(__props.formatLabel(minValue.value)), 1),
           createElementVNode("span", null, toDisplayString(__props.formatLabel(maxValue.value)), 1)
@@ -1629,11 +1629,11 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$e = ["aria-expanded", "aria-controls"];
+const _hoisted_1$f = ["aria-expanded", "aria-controls"];
 const _hoisted_2$9 = ["id", "name", "placeholder", "disabled", "aria-controls"];
 const _hoisted_3$8 = { class: "flex items-center gap-1" };
 const _hoisted_4$6 = ["id", "aria-label", "aria-multiselectable"];
-const _hoisted_5$3 = ["aria-selected", "aria-disabled", "disabled", "onClick"];
+const _hoisted_5$4 = ["aria-selected", "aria-disabled", "disabled", "onClick"];
 const _hoisted_6$3 = { class: "flex-1" };
 const _hoisted_7$2 = {
   key: 1,
@@ -1797,7 +1797,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               "aria-hidden": "true"
             }, null, 8, ["class"])
           ])
-        ], 10, _hoisted_1$e),
+        ], 10, _hoisted_1$f),
         (openBlock(), createBlock(Teleport, {
           to: teleportTarget.value,
           disabled: teleportDisabled.value
@@ -1854,7 +1854,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
                       class: "size-4 text-primary",
                       "aria-hidden": "true"
                     })) : createCommentVNode("", true)
-                  ], 10, _hoisted_5$3);
+                  ], 10, _hoisted_5$4);
                 }), 128)) : (openBlock(), createElementBlock("div", _hoisted_7$2, toDisplayString(__props.noResultsText), 1))
               ], 8, _hoisted_4$6)) : createCommentVNode("", true)
             ]),
@@ -1865,7 +1865,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$d = { class: "relative" };
+const _hoisted_1$e = { class: "relative" };
 const _hoisted_2$8 = {
   key: 0,
   class: "text-red-500 ml-0.5"
@@ -1875,7 +1875,7 @@ const _hoisted_4$5 = {
   key: 0,
   class: "flex items-center gap-2 flex-1"
 };
-const _hoisted_5$2 = { class: "flex size-8 items-center justify-center rounded bg-gray-100 dark:bg-gray-800" };
+const _hoisted_5$3 = { class: "flex size-8 items-center justify-center rounded bg-gray-100 dark:bg-gray-800" };
 const _hoisted_6$2 = { class: "text-gray-700 dark:text-gray-300 font-mono text-xs truncate" };
 const _hoisted_7$1 = {
   key: 1,
@@ -2023,7 +2023,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       searchQuery.value = "";
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$d, [
+      return openBlock(), createElementBlock("div", _hoisted_1$e, [
         __props.label ? (openBlock(), createBlock(_sfc_main$t, {
           key: 0,
           "html-for": inputId.value,
@@ -2048,7 +2048,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           onClick: openPicker
         }, [
           modelValue.value ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
-            createElementVNode("div", _hoisted_5$2, [
+            createElementVNode("div", _hoisted_5$3, [
               createVNode(unref(Icon), {
                 icon: modelValue.value,
                 class: "size-5 text-gray-700 dark:text-gray-300"
@@ -2158,14 +2158,14 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$c = { class: "flex items-center justify-between" };
+const _hoisted_1$d = { class: "flex items-center justify-between" };
 const _hoisted_2$7 = { class: "flex items-center gap-3" };
 const _hoisted_3$6 = { class: "text-lg font-semibold text-gray-900 dark:text-white" };
 const _hoisted_4$4 = {
   key: 0,
   class: "text-sm text-gray-500 dark:text-gray-400"
 };
-const _hoisted_5$1 = { class: "p-5 sm:p-6" };
+const _hoisted_5$2 = { class: "p-5 sm:p-6" };
 const _hoisted_6$1 = {
   key: 0,
   class: "px-5 py-4 bg-gray-50 dark:bg-slate-800/50 border-t border-gray-100 dark:border-slate-700"
@@ -2204,7 +2204,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           ]),
           onClick: _cache[0] || (_cache[0] = ($event) => __props.collapsible && toggleCollapse())
         }, [
-          createElementVNode("div", _hoisted_1$c, [
+          createElementVNode("div", _hoisted_1$d, [
             createElementVNode("div", _hoisted_2$7, [
               __props.icon ? (openBlock(), createElementBlock("div", {
                 key: 0,
@@ -2259,7 +2259,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             renderSlot(_ctx.$slots, "header-actions")
           ])
         ], 2),
-        withDirectives(createElementVNode("div", _hoisted_5$1, [
+        withDirectives(createElementVNode("div", _hoisted_5$2, [
           renderSlot(_ctx.$slots, "default")
         ], 512), [
           [vShow, !isCollapsed.value]
@@ -2273,7 +2273,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$b = { key: 1 };
+const _hoisted_1$c = { key: 1 };
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "FormActions",
   props: {
@@ -2341,7 +2341,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
                 class: "w-5 h-5"
               }, null, 8, ["icon"])) : createCommentVNode("", true),
               createTextVNode(" " + toDisplayString(__props.submitLabel), 1)
-            ], 64)) : (openBlock(), createElementBlock("span", _hoisted_1$b, toDisplayString(__props.loadingLabel || __props.submitLabel + "..."), 1))
+            ], 64)) : (openBlock(), createElementBlock("span", _hoisted_1$c, toDisplayString(__props.loadingLabel || __props.submitLabel + "..."), 1))
           ]),
           _: 1
         }, 8, ["variant", "disabled", "loading", "class"]),
@@ -2350,7 +2350,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$a = ["id", "name", "placeholder", "disabled", "required", "aria-invalid", "aria-required", "aria-describedby"];
+const _hoisted_1$b = ["id", "name", "placeholder", "disabled", "required", "aria-invalid", "aria-required", "aria-describedby"];
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
@@ -2405,7 +2405,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             "aria-required": __props.required || void 0,
             "aria-describedby": __props.describedBy,
             class: inputClass
-          }, _ctx.$attrs, { onBlur: handleBlur }), null, 16, _hoisted_1$a), [
+          }, _ctx.$attrs, { onBlur: handleBlur }), null, 16, _hoisted_1$b), [
             [vModelText, modelValue.value]
           ])
         ]),
@@ -2425,7 +2425,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$9 = ["id", "type", "name", "placeholder", "disabled", "required", "aria-required", "aria-describedby"];
+const _hoisted_1$a = ["id", "type", "name", "placeholder", "disabled", "required", "aria-required", "aria-describedby"];
 const _hoisted_2$6 = ["disabled"];
 const _hoisted_3$5 = {
   key: 0,
@@ -2503,7 +2503,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               "aria-required": __props.required || void 0,
               "aria-describedby": __props.describedBy,
               class: inputClass
-            }, _ctx.$attrs, { autocomplete: "new-password" }), null, 16, _hoisted_1$9), [
+            }, _ctx.$attrs, { autocomplete: "new-password" }), null, 16, _hoisted_1$a), [
               [vModelDynamic, modelValue.value]
             ])
           ]),
@@ -2547,11 +2547,11 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$8 = ["disabled"];
+const _hoisted_1$9 = ["disabled"];
 const _hoisted_2$5 = { class: "text-lg leading-none" };
 const _hoisted_3$4 = ["id", "value", "name", "placeholder", "disabled", "required", "aria-required", "aria-describedby"];
 const _hoisted_4$2 = { class: "text-xs text-gray-400 font-medium" };
-const _hoisted_5 = {
+const _hoisted_5$1 = {
   key: 0,
   class: "absolute z-50 mt-1 w-full bg-white dark:bg-slate-800 border border-gray-200 dark:border-slate-700 rounded-xl shadow-lg overflow-hidden"
 };
@@ -2752,7 +2752,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
                   showDropdown.value && "rotate-180"
                 ])
               }, null, 8, ["class"])
-            ], 8, _hoisted_1$8)
+            ], 8, _hoisted_1$9)
           ]),
           default: withCtx(({ inputClass }) => [
             createElementVNode("input", mergeProps({
@@ -2785,7 +2785,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           "leave-to-class": "opacity-0 -translate-y-2"
         }, {
           default: withCtx(() => [
-            showDropdown.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            showDropdown.value ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
               createElementVNode("div", _hoisted_6, [
                 withDirectives(createElementVNode("input", {
                   "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => searchQuery.value = $event),
@@ -2818,7 +2818,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = ["disabled"];
+const _hoisted_1$8 = ["disabled"];
 const _hoisted_2$4 = ["id", "value", "name", "placeholder", "disabled", "required", "min", "max", "step", "aria-required", "aria-describedby"];
 const _hoisted_3$3 = ["disabled"];
 const _sfc_main$8 = /* @__PURE__ */ defineComponent({
@@ -2919,7 +2919,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 icon: "lucide:minus",
                 class: "size-4 text-gray-500"
               })
-            ], 8, _hoisted_1$7)
+            ], 8, _hoisted_1$8)
           ]),
           key: "0"
         } : void 0,
@@ -2944,7 +2944,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$6 = { class: "text-sm font-medium text-gray-500 dark:text-gray-400" };
+const _hoisted_1$7 = { class: "text-sm font-medium text-gray-500 dark:text-gray-400" };
 const _hoisted_2$3 = ["id", "value", "name", "placeholder", "disabled", "required", "aria-required", "aria-describedby"];
 const _hoisted_3$2 = { class: "text-sm font-medium text-gray-500 dark:text-gray-400" };
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
@@ -3048,7 +3048,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         config.value.position === "prefix" ? {
           name: "icon",
           fn: withCtx(() => [
-            createElementVNode("span", _hoisted_1$6, toDisplayString(config.value.symbol), 1)
+            createElementVNode("span", _hoisted_1$7, toDisplayString(config.value.symbol), 1)
           ]),
           key: "0"
         } : void 0,
@@ -3063,7 +3063,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = ["id", "value", "name", "placeholder", "disabled", "required", "min", "max", "step", "aria-required", "aria-describedby"];
+const _hoisted_1$6 = ["id", "value", "name", "placeholder", "disabled", "required", "min", "max", "step", "aria-required", "aria-describedby"];
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
@@ -3129,7 +3129,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             "aria-required": __props.required || void 0,
             "aria-describedby": __props.describedBy,
             class: [inputClass, "text-right pr-10"]
-          }, _ctx.$attrs, { onInput: handleInput }), null, 16, _hoisted_1$5)
+          }, _ctx.$attrs, { onInput: handleInput }), null, 16, _hoisted_1$6)
         ]),
         actions: withCtx(() => [..._cache[0] || (_cache[0] = [
           createElementVNode("span", { class: "text-sm font-medium text-gray-500 dark:text-gray-400" }, "%", -1)
@@ -3139,7 +3139,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = { class: "inline-flex items-center gap-2 bg-gray-50 dark:bg-slate-700 rounded-xl p-1 border border-gray-200 dark:border-slate-600" };
+const _hoisted_1$5 = { class: "inline-flex items-center gap-2 bg-gray-50 dark:bg-slate-700 rounded-xl p-1 border border-gray-200 dark:border-slate-600" };
 const _hoisted_2$2 = ["disabled"];
 const _hoisted_3$1 = ["id", "value", "name", "disabled", "required", "min", "max"];
 const _hoisted_4$1 = ["disabled"];
@@ -3213,7 +3213,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       }[props.size]
     }));
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [
         createElementVNode("button", {
           type: "button",
           disabled: !canDecrement.value,
@@ -3269,7 +3269,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$3 = ["id", "name", "placeholder", "disabled", "required", "aria-invalid", "aria-required", "aria-describedby"];
+const _hoisted_1$4 = ["id", "name", "placeholder", "disabled", "required", "aria-invalid", "aria-required", "aria-describedby"];
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
@@ -3330,7 +3330,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
             "aria-required": __props.required || void 0,
             "aria-describedby": __props.describedBy,
             class: inputClass
-          }, _ctx.$attrs, { onBlur: handleBlur }), null, 16, _hoisted_1$3), [
+          }, _ctx.$attrs, { onBlur: handleBlur }), null, 16, _hoisted_1$4), [
             [vModelText, modelValue.value]
           ])
         ]),
@@ -3357,7 +3357,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$2 = ["value", "type", "name", "disabled", "onInput", "onKeydown"];
+const _hoisted_1$3 = ["value", "type", "name", "disabled", "onInput", "onKeydown"];
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
@@ -3503,13 +3503,13 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             onKeydown: ($event) => handleKeydown($event, index),
             onPaste: handlePaste,
             onFocus: handleFocus
-          }, null, 42, _hoisted_1$2);
+          }, null, 42, _hoisted_1$3);
         }), 128))
       ], 2);
     };
   }
 });
-const _hoisted_1$1 = ["onClick"];
+const _hoisted_1$2 = ["onClick"];
 const _hoisted_2$1 = ["id", "name", "placeholder", "disabled", "required"];
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{
@@ -3629,7 +3629,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                     icon: "lucide:x",
                     class: normalizeClass(["text-primary-500", sizeClasses.value.icon])
                   }, null, 8, ["class"])
-                ], 8, _hoisted_1$1)) : createCommentVNode("", true)
+                ], 8, _hoisted_1$2)) : createCommentVNode("", true)
               ], 2);
             }), 128))
           ]),
@@ -3662,13 +3662,17 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   }
 });
 const TagsInput = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-fcace07c"]]);
-const _hoisted_1 = ["value", "placeholder", "disabled", "readonly", "required", "rows", "maxlength"];
-const _hoisted_2 = {
+const _hoisted_1$1 = {
   key: 0,
+  class: "text-red-500 ml-1"
+};
+const _hoisted_2 = ["value", "placeholder", "disabled", "readonly", "required", "rows", "maxlength"];
+const _hoisted_3 = {
+  key: 1,
   class: "flex justify-end mt-1"
 };
-const _hoisted_3 = { class: "text-xs text-gray-400" };
-const _hoisted_4 = { key: 0 };
+const _hoisted_4 = { class: "text-xs text-gray-400" };
+const _hoisted_5 = { key: 0 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "TextArea",
   props: {
@@ -3712,51 +3716,66 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", target.value);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
-        label: __props.label,
-        hint: __props.hint,
-        error: __props.error,
-        required: __props.required,
-        disabled: __props.disabled
-      }, createSlots({
-        default: withCtx(() => [
-          createElementVNode("textarea", {
-            value: __props.modelValue,
-            placeholder: __props.placeholder,
-            disabled: __props.disabled,
-            readonly: __props.readonly,
-            required: __props.required,
-            rows: __props.rows,
-            maxlength: __props.maxLength,
-            class: normalizeClass([
-              "w-full px-4 py-3 rounded-xl border transition-all duration-200",
-              "focus:outline-none focus:ring-2 focus:ring-offset-0",
-              resizeClass.value,
-              __props.error ? "border-red-300 dark:border-red-500 focus:border-red-500 focus:ring-red-500/20" : "border-gray-200 dark:border-slate-600 focus:border-primary-500 focus:ring-primary-500/20",
-              __props.disabled ? "bg-gray-50 dark:bg-slate-800 text-gray-400 cursor-not-allowed" : "bg-white dark:bg-slate-700 text-gray-900 dark:text-white"
+      return openBlock(), createElementBlock("div", null, [
+        __props.label || _ctx.$slots.label ? (openBlock(), createBlock(_sfc_main$t, {
+          key: 0,
+          error: __props.error
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "label", {}, () => [
+              createTextVNode(toDisplayString(__props.label), 1)
             ]),
-            onInput: handleInput
-          }, null, 42, _hoisted_1),
-          __props.showCount || __props.maxLength ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            createElementVNode("span", _hoisted_3, [
-              createTextVNode(toDisplayString(charCount.value), 1),
-              __props.maxLength ? (openBlock(), createElementBlock("span", _hoisted_4, " / " + toDisplayString(__props.maxLength), 1)) : createCommentVNode("", true)
-            ])
-          ])) : createCommentVNode("", true)
-        ]),
-        _: 2
-      }, [
-        _ctx.$slots.label ? {
-          name: "label",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "label")
+            __props.required ? (openBlock(), createElementBlock("span", _hoisted_1$1, "*")) : createCommentVNode("", true)
           ]),
-          key: "0"
-        } : void 0
-      ]), 1032, ["label", "hint", "error", "required", "disabled"]);
+          _: 3
+        }, 8, ["error"])) : createCommentVNode("", true),
+        createElementVNode("textarea", {
+          value: __props.modelValue,
+          placeholder: __props.placeholder,
+          disabled: __props.disabled,
+          readonly: __props.readonly,
+          required: __props.required,
+          rows: __props.rows,
+          maxlength: __props.maxLength,
+          class: normalizeClass([
+            "w-full px-4 py-3 rounded-xl border transition-all duration-200",
+            "focus:outline-none focus:ring-2 focus:ring-offset-0",
+            resizeClass.value,
+            __props.label || _ctx.$slots.label ? "mt-2" : "",
+            __props.error ? "border-red-300 dark:border-red-500 focus:border-red-500 focus:ring-red-500/20" : "border-gray-200 dark:border-slate-600 focus:border-primary-500 focus:ring-primary-500/20",
+            __props.disabled ? "bg-gray-50 dark:bg-slate-800 text-gray-400 cursor-not-allowed" : "bg-white dark:bg-slate-700 text-gray-900 dark:text-white"
+          ]),
+          onInput: handleInput
+        }, null, 42, _hoisted_2),
+        __props.showCount || __props.maxLength ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createElementVNode("span", _hoisted_4, [
+            createTextVNode(toDisplayString(charCount.value), 1),
+            __props.maxLength ? (openBlock(), createElementBlock("span", _hoisted_5, " / " + toDisplayString(__props.maxLength), 1)) : createCommentVNode("", true)
+          ])
+        ])) : createCommentVNode("", true),
+        __props.hint && !__props.error ? (openBlock(), createBlock(_sfc_main$s, { key: 2 }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.hint), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        __props.error ? (openBlock(), createBlock(_sfc_main$s, {
+          key: 3,
+          error: true
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.error), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ]);
     };
   }
 });
+const _hoisted_1 = {
+  key: 0,
+  class: "text-red-500 ml-1"
+};
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CheckboxGroup",
   props: {
@@ -3804,34 +3823,46 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
-        label: __props.label,
-        hint: __props.hint,
-        error: __props.error,
-        required: __props.required,
-        disabled: __props.disabled
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", {
-            class: normalizeClass(gridClass.value)
-          }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
-              return openBlock(), createBlock(_sfc_main$v, {
-                key: option.value,
-                "model-value": isChecked(option.value),
-                disabled: __props.disabled || option.disabled,
-                "onUpdate:modelValue": (checked) => toggleValue(option.value, checked)
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(option.label), 1)
-                ]),
-                _: 2
-              }, 1032, ["model-value", "disabled", "onUpdate:modelValue"]);
-            }), 128))
-          ], 2)
-        ]),
-        _: 1
-      }, 8, ["label", "hint", "error", "required", "disabled"]);
+      return openBlock(), createElementBlock("div", null, [
+        __props.label ? (openBlock(), createBlock(_sfc_main$t, {
+          key: 0,
+          error: __props.error
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.label), 1),
+            __props.required ? (openBlock(), createElementBlock("span", _hoisted_1, "*")) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["error"])) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass([gridClass.value, __props.label ? "mt-2" : ""])
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+            return openBlock(), createBlock(_sfc_main$v, {
+              key: option.value,
+              "model-value": isChecked(option.value),
+              label: option.label,
+              disabled: __props.disabled || option.disabled,
+              "onUpdate:modelValue": (checked) => toggleValue(option.value, checked)
+            }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"]);
+          }), 128))
+        ], 2),
+        __props.hint && !__props.error ? (openBlock(), createBlock(_sfc_main$s, { key: 1 }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.hint), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
+        __props.error ? (openBlock(), createBlock(_sfc_main$s, {
+          key: 2,
+          error: true
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(__props.error), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ]);
     };
   }
 });
@@ -3867,4 +3898,4 @@ export {
   _sfc_main$3 as y,
   _sfc_main$1 as z
 };
-//# sourceMappingURL=CheckboxGroup.vue_vue_type_script_setup_true_lang-BOGul8zU.js.map
+//# sourceMappingURL=CheckboxGroup.vue_vue_type_script_setup_true_lang-hHJdvUYS.js.map