cisse-vue-ui 0.7.4 → 0.7.6

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

@@ -3,10 +3,10 @@ import { u as useId } from "./useId-xeHj7rkg.js";
 import { Icon } from "@iconify/vue";
 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 } from "./index-SNefWfX0.js";
-import { _ as _sfc_main$s } from "./Button.vue_vue_type_script_setup_true_lang-CBYr0Z2_.js";
-const _hoisted_1$r = ["data-error", "for"];
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+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 _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "FormLabel",
   props: {
     error: { type: [String, Boolean] },
@@ -20,12 +20,12 @@ const _sfc_main$r = /* @__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$r);
+      ], 8, _hoisted_1$s);
     };
   }
 });
-const _hoisted_1$q = ["id", "data-error", "role", "aria-live"];
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _hoisted_1$r = ["id", "data-error", "role", "aria-live"];
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "FormHelp",
   props: {
     id: {},
@@ -44,19 +44,19 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         renderSlot(_ctx.$slots, "default", {}, () => [
           createTextVNode(toDisplayString(__props.text ?? ""), 1)
         ])
-      ], 8, _hoisted_1$q);
+      ], 8, _hoisted_1$r);
     };
   }
 });
-const _hoisted_1$p = {
+const _hoisted_1$q = {
   key: 0,
   class: "absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none text-gray-400"
 };
-const _hoisted_2$h = {
+const _hoisted_2$i = {
   key: 1,
   class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-1"
 };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "InputWrapper",
   props: {
     icon: {},
@@ -96,7 +96,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["relative", __props.wrapperClass])
       }, [
-        hasLeftIcon.value ? (openBlock(), createElementBlock("div", _hoisted_1$p, [
+        hasLeftIcon.value ? (openBlock(), createElementBlock("div", _hoisted_1$q, [
           renderSlot(_ctx.$slots, "icon", {}, () => [
             __props.icon ? (openBlock(), createBlock(unref(Icon), {
               key: 0,
@@ -106,7 +106,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
           ])
         ])) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", { inputClass: inputClass.value }),
-        hasRightContent.value ? (openBlock(), createElementBlock("div", _hoisted_2$h, [
+        hasRightContent.value ? (openBlock(), createElementBlock("div", _hoisted_2$i, [
           renderSlot(_ctx.$slots, "actions", {}, () => [
             __props.iconRight ? (openBlock(), createBlock(unref(Icon), {
               key: 0,
@@ -119,8 +119,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$o = ["id", "disabled", "name", "placeholder", "type", "required", "aria-invalid", "aria-required", "aria-describedby"];
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _hoisted_1$p = ["id", "disabled", "name", "placeholder", "type", "required", "aria-invalid", "aria-required", "aria-describedby"];
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -146,7 +146,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$p, {
+      return openBlock(), createBlock(_sfc_main$r, {
         icon: props.icon,
         "icon-right": props.iconRight,
         disabled: props.disabled,
@@ -165,7 +165,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             "aria-required": props.required || void 0,
             "aria-describedby": props.describedBy || void 0,
             class: inputClass
-          }, _ctx.$attrs), null, 16, _hoisted_1$o), [
+          }, _ctx.$attrs), null, 16, _hoisted_1$p), [
             [vModelDynamic, modelValue.value]
           ])
         ]),
@@ -174,10 +174,10 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$n = { class: "relative" };
-const _hoisted_2$g = ["id", "disabled", "aria-expanded", "aria-controls", "aria-invalid", "aria-describedby"];
-const _hoisted_3$f = { class: "flex-1 truncate" };
-const _hoisted_4$b = ["id", "aria-label"];
+const _hoisted_1$o = { 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 = {
   key: 0,
   class: "sticky top-0 border-b border-gray-200 bg-white p-2 dark:border-gray-700 dark:bg-gray-800"
@@ -196,7 +196,7 @@ const _hoisted_10$4 = {
   "aria-hidden": "true"
 };
 const _hoisted_11$4 = { class: "flex-1" };
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "FormSelect",
   props: /* @__PURE__ */ mergeModels({
     options: {},
@@ -316,7 +316,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       return [base, state, text, props.triggerClass];
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$n, [
+      return openBlock(), createElementBlock("div", _hoisted_1$o, [
         createElementVNode("button", {
           id: triggerId.value,
           ref_key: "triggerRef",
@@ -336,14 +336,14 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             option: selectedOption.value,
             placeholder: __props.placeholder
           }, () => [
-            createElementVNode("span", _hoisted_3$f, toDisplayString(displayValue.value), 1)
+            createElementVNode("span", _hoisted_3$g, toDisplayString(displayValue.value), 1)
           ]),
           createVNode(unref(Icon), {
             icon: "lucide:chevron-down",
             class: normalizeClass(["size-4 shrink-0 text-gray-400 transition-transform", unref(isOpen) && "rotate-180"]),
             "aria-hidden": "true"
           }, null, 8, ["class"])
-        ], 42, _hoisted_2$g),
+        ], 42, _hoisted_2$h),
         (openBlock(), createBlock(Teleport, {
           to: "body",
           disabled: !__props.teleport
@@ -425,7 +425,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
                     ], 42, _hoisted_9$4);
                   }), 128))
                 ])
-              ], 14, _hoisted_4$b)) : createCommentVNode("", true)
+              ], 14, _hoisted_4$c)) : createCommentVNode("", true)
             ]),
             _: 3
           })
@@ -434,8 +434,8 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$m = ["hidden"];
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _hoisted_1$n = ["hidden"];
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "FormGroup",
   props: /* @__PURE__ */ mergeModels({
     label: {},
@@ -476,7 +476,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
       }, [
         renderSlot(_ctx.$slots, "default", {}, () => [
           renderSlot(_ctx.$slots, "label", {}, () => [
-            __props.label ? (openBlock(), createBlock(_sfc_main$r, {
+            __props.label ? (openBlock(), createBlock(_sfc_main$t, {
               key: 0,
               "html-for": inputId.value,
               error: __props.error
@@ -488,7 +488,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             }, 8, ["html-for", "error"])) : createCommentVNode("", true)
           ]),
           renderSlot(_ctx.$slots, "input", {}, () => [
-            isSelect.value ? (openBlock(), createBlock(_sfc_main$n, mergeProps({
+            isSelect.value ? (openBlock(), createBlock(_sfc_main$p, mergeProps({
               key: 0,
               modelValue: modelValue.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
@@ -496,7 +496,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               id: inputId.value,
               invalid: Boolean(__props.error),
               "described-by": hasError.value ? helpId.value : void 0
-            }), null, 16, ["modelValue", "id", "invalid", "described-by"])) : (openBlock(), createBlock(_sfc_main$o, mergeProps({
+            }), null, 16, ["modelValue", "id", "invalid", "described-by"])) : (openBlock(), createBlock(_sfc_main$q, mergeProps({
               key: 1,
               modelValue: modelValue.value,
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelValue.value = $event)
@@ -506,7 +506,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               "described-by": hasError.value ? helpId.value : void 0
             }), null, 16, ["modelValue", "id", "invalid", "described-by"]))
           ]),
-          hasError.value ? (openBlock(), createBlock(_sfc_main$q, {
+          hasError.value ? (openBlock(), createBlock(_sfc_main$s, {
             key: 0,
             id: helpId.value,
             error: true
@@ -517,12 +517,12 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["id"])) : createCommentVNode("", true)
         ])
-      ], 12, _hoisted_1$m);
+      ], 12, _hoisted_1$n);
     };
   }
 });
-const _hoisted_1$l = ["name", "placeholder", "disabled"];
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _hoisted_1$m = ["name", "placeholder", "disabled"];
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -542,7 +542,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$p, {
+      return openBlock(), createBlock(_sfc_main$r, {
         icon: props.icon,
         size: props.size,
         disabled: props.disabled
@@ -555,7 +555,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
             placeholder: props.placeholder,
             disabled: props.disabled,
             class: inputClass
-          }, _ctx.$attrs), null, 16, _hoisted_1$l), [
+          }, _ctx.$attrs), null, 16, _hoisted_1$m), [
             [vModelText, modelValue.value]
           ])
         ]),
@@ -564,14 +564,14 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$k = ["id", "aria-checked", "aria-labelledby", "aria-describedby", "disabled"];
-const _hoisted_2$f = {
+const _hoisted_1$l = ["id", "aria-checked", "aria-labelledby", "aria-describedby", "disabled"];
+const _hoisted_2$g = {
   key: 0,
   class: "flex flex-col"
 };
-const _hoisted_3$e = ["id"];
-const _hoisted_4$a = ["id"];
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _hoisted_3$f = ["id"];
+const _hoisted_4$b = ["id"];
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "Switch",
   props: {
     modelValue: { type: Boolean, default: false },
@@ -635,35 +635,35 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
             ]),
             "aria-hidden": "true"
           }, null, 2)
-        ], 10, _hoisted_1$k),
-        __props.label || __props.description ? (openBlock(), createElementBlock("div", _hoisted_2$f, [
+        ], 10, _hoisted_1$l),
+        __props.label || __props.description ? (openBlock(), createElementBlock("div", _hoisted_2$g, [
           __props.label ? (openBlock(), createElementBlock("span", {
             key: 0,
             id: labelId.value,
             class: "text-sm font-medium text-gray-900 dark:text-white"
-          }, toDisplayString(__props.label), 9, _hoisted_3$e)) : createCommentVNode("", true),
+          }, toDisplayString(__props.label), 9, _hoisted_3$f)) : createCommentVNode("", true),
           __props.description ? (openBlock(), createElementBlock("span", {
             key: 1,
             id: descriptionId.value,
             class: "text-sm text-gray-500 dark:text-gray-400"
-          }, toDisplayString(__props.description), 9, _hoisted_4$a)) : createCommentVNode("", true)
+          }, toDisplayString(__props.description), 9, _hoisted_4$b)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const _hoisted_1$j = { class: "w-full" };
-const _hoisted_2$e = {
+const _hoisted_1$k = { class: "w-full" };
+const _hoisted_2$f = {
   key: 0,
   class: "mb-2 flex justify-between text-sm"
 };
-const _hoisted_3$d = { class: "text-gray-600 dark:text-gray-400" };
-const _hoisted_4$9 = { class: "font-medium text-gray-900 dark:text-white" };
+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_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" };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "Slider",
   props: /* @__PURE__ */ mergeModels({
     min: { default: 0 },
@@ -694,10 +694,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       modelValue.value = Number(target.value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$j, [
-        __props.showValue ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
-          createElementVNode("span", _hoisted_3$d, toDisplayString(__props.min), 1),
-          createElementVNode("span", _hoisted_4$9, toDisplayString(displayValue.value), 1),
+      return openBlock(), createElementBlock("div", _hoisted_1$k, [
+        __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)
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_6$7, [
@@ -722,11 +722,11 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Slider = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-c25e2c2a"]]);
-const _hoisted_1$i = { class: "relative" };
-const _hoisted_2$d = ["id", "disabled", "aria-expanded", "aria-controls"];
-const _hoisted_3$c = { class: "flex-1 truncate" };
-const _hoisted_4$8 = { class: "flex items-center gap-1" };
+const Slider = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-c25e2c2a"]]);
+const _hoisted_1$j = { 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_6$6 = { class: "mb-4 flex items-center justify-between" };
 const _hoisted_7$5 = {
@@ -742,7 +742,7 @@ const _hoisted_9$3 = ["abbr"];
 const _hoisted_10$3 = ["id", "aria-label"];
 const _hoisted_11$3 = ["aria-label", "aria-selected", "aria-disabled", "disabled", "onClick"];
 const _hoisted_12$2 = { class: "mt-4 border-t border-gray-200 pt-3 dark:border-gray-700" };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "DatePicker",
   props: /* @__PURE__ */ mergeModels({
     placeholder: { default: "Select date" },
@@ -866,7 +866,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       return formatter.format(date);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
         createElementVNode("button", {
           id: triggerId.value,
           ref_key: "triggerRef",
@@ -884,8 +884,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           onClick: _cache[0] || (_cache[0] = //@ts-ignore
           (...args) => unref(toggle) && unref(toggle)(...args))
         }, [
-          createElementVNode("span", _hoisted_3$c, toDisplayString(displayValue.value || __props.placeholder), 1),
-          createElementVNode("div", _hoisted_4$8, [
+          createElementVNode("span", _hoisted_3$d, toDisplayString(displayValue.value || __props.placeholder), 1),
+          createElementVNode("div", _hoisted_4$9, [
             modelValue.value ? (openBlock(), createElementBlock("button", {
               key: 0,
               type: "button",
@@ -905,7 +905,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
               "aria-hidden": "true"
             })
           ])
-        ], 10, _hoisted_2$d),
+        ], 10, _hoisted_2$e),
         (openBlock(), createBlock(Teleport, {
           to: "body",
           disabled: !__props.teleport
@@ -1010,10 +1010,10 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$h = { class: "space-y-4" };
-const _hoisted_2$c = ["accept", "multiple", "disabled"];
-const _hoisted_3$b = { class: "space-y-2" };
-const _hoisted_4$7 = { class: "text-sm font-medium text-gray-700 dark:text-gray-300" };
+const _hoisted_1$i = { 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 = {
   key: 0,
   class: "text-xs text-gray-500 dark:text-gray-400"
@@ -1030,7 +1030,7 @@ const _hoisted_8$3 = { class: "flex-1 min-w-0" };
 const _hoisted_9$2 = { class: "text-sm font-medium text-gray-700 dark:text-gray-300 truncate" };
 const _hoisted_10$2 = { class: "text-xs text-gray-500 dark:text-gray-400" };
 const _hoisted_11$2 = ["onClick"];
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "FileUpload",
   props: {
     accept: {},
@@ -1158,7 +1158,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       return "heroicons:document";
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$h, [
+      return openBlock(), createElementBlock("div", _hoisted_1$i, [
         createElementVNode("div", {
           class: normalizeClass(dropzoneClasses.value),
           onDrop: withModifiers(handleDrop, ["prevent"]),
@@ -1175,13 +1175,13 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             multiple: __props.multiple,
             disabled: __props.disabled,
             onChange: handleInputChange
-          }, null, 40, _hoisted_2$c),
-          createElementVNode("div", _hoisted_3$b, [
+          }, null, 40, _hoisted_2$d),
+          createElementVNode("div", _hoisted_3$c, [
             createVNode(unref(Icon), {
               icon: "heroicons:cloud-arrow-up",
               class: normalizeClass(["size-12 mx-auto text-gray-400", { "text-primary-500": isDragging.value }])
             }, null, 8, ["class"]),
-            createElementVNode("p", _hoisted_4$7, toDisplayString(__props.label), 1),
+            createElementVNode("p", _hoisted_4$8, toDisplayString(__props.label), 1),
             __props.description ? (openBlock(), createElementBlock("p", _hoisted_5$5, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
             __props.maxSize ? (openBlock(), createElementBlock("p", _hoisted_6$5, " Max size: " + toDisplayString(formatSize(__props.maxSize)), 1)) : createCommentVNode("", true)
           ])
@@ -1217,13 +1217,13 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$g = { class: "flex items-center gap-1" };
-const _hoisted_2$b = ["disabled", "onClick", "onMousemove"];
-const _hoisted_3$a = {
+const _hoisted_1$h = { class: "flex items-center gap-1" };
+const _hoisted_2$c = ["disabled", "onClick", "onMousemove"];
+const _hoisted_3$b = {
   key: 0,
   class: "ml-2 text-sm font-medium text-gray-700 dark:text-gray-300"
 };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "Rating",
   props: {
     modelValue: { default: 0 },
@@ -1286,7 +1286,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       hoverValue.value = null;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$g, [
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [
         createElementVNode("div", {
           class: "flex items-center",
           onMouseleave: handleMouseLeave
@@ -1318,21 +1318,21 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
                   class: normalizeClass([sizeClasses.value, __props.color])
                 }, null, 8, ["icon", "class"])
               ], 4)
-            ], 42, _hoisted_2$b);
+            ], 42, _hoisted_2$c);
           }), 128))
         ], 32),
-        __props.showValue ? (openBlock(), createElementBlock("span", _hoisted_3$a, toDisplayString(__props.modelValue.toFixed(__props.allowHalf ? 1 : 0)), 1)) : createCommentVNode("", true)
+        __props.showValue ? (openBlock(), createElementBlock("span", _hoisted_3$b, toDisplayString(__props.modelValue.toFixed(__props.allowHalf ? 1 : 0)), 1)) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const _hoisted_1$f = { class: "relative inline-block" };
-const _hoisted_2$a = {
+const _hoisted_1$g = { 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$9 = ["disabled"];
-const _hoisted_4$6 = { class: "text-sm font-mono text-gray-700 dark:text-gray-300" };
+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_6$4 = ["title", "onClick"];
 const _hoisted_7$3 = {
@@ -1340,7 +1340,7 @@ const _hoisted_7$3 = {
   class: "flex items-center gap-2 pt-3 border-t border-gray-200 dark:border-gray-700"
 };
 const _hoisted_8$2 = ["value"];
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "ColorPicker",
   props: {
     modelValue: { default: "#3b82f6" },
@@ -1409,8 +1409,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       isOpen.value = false;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$f, [
-        __props.label ? (openBlock(), createElementBlock("label", _hoisted_2$a, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [
+        __props.label ? (openBlock(), createElementBlock("label", _hoisted_2$b, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
         createElementVNode("button", {
           type: "button",
           class: normalizeClass(["flex items-center gap-2 px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors", { "opacity-50 cursor-not-allowed": __props.disabled }]),
@@ -1421,12 +1421,12 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
             class: "size-6 rounded border border-gray-200 dark:border-gray-600",
             style: normalizeStyle({ backgroundColor: __props.modelValue })
           }, null, 4),
-          createElementVNode("span", _hoisted_4$6, toDisplayString(__props.modelValue), 1),
+          createElementVNode("span", _hoisted_4$7, toDisplayString(__props.modelValue), 1),
           createVNode(unref(Icon), {
             icon: "heroicons:chevron-down",
             class: normalizeClass(["size-4 text-gray-400", { "rotate-180": isOpen.value }])
           }, null, 8, ["class"])
-        ], 10, _hoisted_3$9),
+        ], 10, _hoisted_3$a),
         (openBlock(), createBlock(Teleport, {
           to: teleportTarget.value,
           disabled: teleportDisabled.value
@@ -1500,16 +1500,16 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$e = { class: "space-y-2" };
-const _hoisted_2$9 = {
+const _hoisted_1$f = { 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"
 };
-const _hoisted_3$8 = {
+const _hoisted_3$9 = {
   key: 1,
   class: "flex justify-between text-xs text-gray-500 dark:text-gray-400"
 };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "RangeSlider",
   props: {
     modelValue: { default: () => [25, 75] },
@@ -1587,8 +1587,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        __props.showLabels ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
+        __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)
         ])) : createCommentVNode("", true),
@@ -1621,7 +1621,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             onMousedown: _cache[1] || (_cache[1] = ($event) => handleMouseDown("max"))
           }, null, 38)
         ], 2),
-        __props.showMinMax ? (openBlock(), createElementBlock("div", _hoisted_3$8, [
+        __props.showMinMax ? (openBlock(), createElementBlock("div", _hoisted_3$9, [
           createElementVNode("span", null, toDisplayString(__props.formatLabel(__props.min)), 1),
           createElementVNode("span", null, toDisplayString(__props.formatLabel(__props.max)), 1)
         ])) : createCommentVNode("", true)
@@ -1629,10 +1629,10 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$d = ["aria-expanded", "aria-controls"];
-const _hoisted_2$8 = ["id", "name", "placeholder", "disabled", "aria-controls"];
-const _hoisted_3$7 = { class: "flex items-center gap-1" };
-const _hoisted_4$5 = ["id", "aria-label", "aria-multiselectable"];
+const _hoisted_1$e = ["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_6$3 = { class: "flex-1" };
 const _hoisted_7$2 = {
@@ -1640,7 +1640,7 @@ const _hoisted_7$2 = {
   class: "px-3 py-2 text-center text-sm text-gray-500 dark:text-gray-400",
   role: "status"
 };
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "Combobox",
   props: {
     modelValue: {},
@@ -1771,10 +1771,10 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
             class: "flex-1 border-none bg-transparent text-sm text-gray-900 outline-hidden placeholder:text-gray-400 dark:text-gray-100 dark:placeholder:text-gray-500",
             onClick: _cache[1] || (_cache[1] = withModifiers(() => {
             }, ["stop"]))
-          }, null, 8, _hoisted_2$8)), [
+          }, null, 8, _hoisted_2$9)), [
             [vModelText, search.value]
           ]),
-          createElementVNode("div", _hoisted_3$7, [
+          createElementVNode("div", _hoisted_3$8, [
             __props.clearable && selectedOptions.value.length > 0 && !__props.disabled ? (openBlock(), createElementBlock("button", {
               key: 0,
               type: "button",
@@ -1797,7 +1797,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
               "aria-hidden": "true"
             }, null, 8, ["class"])
           ])
-        ], 10, _hoisted_1$d),
+        ], 10, _hoisted_1$e),
         (openBlock(), createBlock(Teleport, {
           to: teleportTarget.value,
           disabled: teleportDisabled.value
@@ -1856,7 +1856,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
                     })) : createCommentVNode("", true)
                   ], 10, _hoisted_5$3);
                 }), 128)) : (openBlock(), createElementBlock("div", _hoisted_7$2, toDisplayString(__props.noResultsText), 1))
-              ], 8, _hoisted_4$5)) : createCommentVNode("", true)
+              ], 8, _hoisted_4$6)) : createCommentVNode("", true)
             ]),
             _: 1
           })
@@ -1865,13 +1865,13 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$c = { class: "relative" };
-const _hoisted_2$7 = {
+const _hoisted_1$d = { class: "relative" };
+const _hoisted_2$8 = {
   key: 0,
   class: "text-red-500 ml-0.5"
 };
-const _hoisted_3$6 = ["id", "disabled", "aria-invalid", "aria-describedby"];
-const _hoisted_4$4 = {
+const _hoisted_3$7 = ["id", "disabled", "aria-invalid", "aria-describedby"];
+const _hoisted_4$5 = {
   key: 0,
   class: "flex items-center gap-2 flex-1"
 };
@@ -1899,7 +1899,7 @@ const _hoisted_13 = {
 const _hoisted_14 = ["title", "onClick"];
 const _hoisted_15 = { class: "mt-4 flex items-center justify-between border-t border-gray-200 pt-4 dark:border-gray-700" };
 const _hoisted_16 = { class: "text-xs text-gray-500" };
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "IconPicker",
   props: /* @__PURE__ */ mergeModels({
     label: {},
@@ -2023,15 +2023,15 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       searchQuery.value = "";
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$c, [
-        __props.label ? (openBlock(), createBlock(_sfc_main$r, {
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
+        __props.label ? (openBlock(), createBlock(_sfc_main$t, {
           key: 0,
           "html-for": inputId.value,
           error: __props.error
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(__props.label) + " ", 1),
-            __props.required ? (openBlock(), createElementBlock("span", _hoisted_2$7, "*")) : createCommentVNode("", true)
+            __props.required ? (openBlock(), createElementBlock("span", _hoisted_2$8, "*")) : createCommentVNode("", true)
           ]),
           _: 1
         }, 8, ["html-for", "error"])) : createCommentVNode("", true),
@@ -2047,7 +2047,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           ]]),
           onClick: openPicker
         }, [
-          modelValue.value ? (openBlock(), createElementBlock("div", _hoisted_4$4, [
+          modelValue.value ? (openBlock(), createElementBlock("div", _hoisted_4$5, [
             createElementVNode("div", _hoisted_5$2, [
               createVNode(unref(Icon), {
                 icon: modelValue.value,
@@ -2071,8 +2071,8 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
             icon: "lucide:chevron-down",
             class: "size-4 text-gray-400"
           })
-        ], 10, _hoisted_3$6),
-        __props.help && !hasError.value ? (openBlock(), createBlock(_sfc_main$q, {
+        ], 10, _hoisted_3$7),
+        __props.help && !hasError.value ? (openBlock(), createBlock(_sfc_main$s, {
           key: 1,
           id: helpId.value
         }, {
@@ -2081,7 +2081,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["id"])) : createCommentVNode("", true),
-        hasError.value ? (openBlock(), createBlock(_sfc_main$q, {
+        hasError.value ? (openBlock(), createBlock(_sfc_main$s, {
           key: 2,
           id: helpId.value,
           error: true
@@ -2158,10 +2158,10 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$b = { class: "flex items-center justify-between" };
-const _hoisted_2$6 = { class: "flex items-center gap-3" };
-const _hoisted_3$5 = { class: "text-lg font-semibold text-gray-900 dark:text-white" };
-const _hoisted_4$3 = {
+const _hoisted_1$c = { 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"
 };
@@ -2170,7 +2170,7 @@ 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"
 };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "FormSection",
   props: /* @__PURE__ */ mergeModels({
     title: {},
@@ -2204,8 +2204,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           ]),
           onClick: _cache[0] || (_cache[0] = ($event) => __props.collapsible && toggleCollapse())
         }, [
-          createElementVNode("div", _hoisted_1$b, [
-            createElementVNode("div", _hoisted_2$6, [
+          createElementVNode("div", _hoisted_1$c, [
+            createElementVNode("div", _hoisted_2$7, [
               __props.icon ? (openBlock(), createElementBlock("div", {
                 key: 0,
                 class: normalizeClass([
@@ -2230,12 +2230,12 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["icon", "class"])
               ], 2)) : createCommentVNode("", true),
               createElementVNode("div", null, [
-                createElementVNode("h2", _hoisted_3$5, [
+                createElementVNode("h2", _hoisted_3$6, [
                   renderSlot(_ctx.$slots, "title", {}, () => [
                     createTextVNode(toDisplayString(__props.title), 1)
                   ])
                 ]),
-                __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_4$3, [
+                __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_4$4, [
                   renderSlot(_ctx.$slots, "subtitle", {}, () => [
                     createTextVNode(toDisplayString(__props.subtitle), 1)
                   ])
@@ -2273,8 +2273,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$a = { key: 1 };
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _hoisted_1$b = { key: 1 };
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "FormActions",
   props: {
     submitLabel: { default: "Enregistrer" },
@@ -2303,7 +2303,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           __props.stackOnMobile && "flex-col sm:flex-row"
         ])
       }, [
-        __props.showCancel ? (openBlock(), createBlock(_sfc_main$s, {
+        __props.showCancel ? (openBlock(), createBlock(_sfc_main$u, {
           key: 0,
           type: "button",
           variant: "outline",
@@ -2323,7 +2323,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["disabled", "class"])) : createCommentVNode("", true),
-        createVNode(_sfc_main$s, {
+        createVNode(_sfc_main$u, {
           type: "submit",
           variant: __props.submitVariant,
           disabled: __props.disabled || __props.loading,
@@ -2341,7 +2341,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
                 class: "w-5 h-5"
               }, null, 8, ["icon"])) : createCommentVNode("", true),
               createTextVNode(" " + toDisplayString(__props.submitLabel), 1)
-            ], 64)) : (openBlock(), createElementBlock("span", _hoisted_1$a, toDisplayString(__props.loadingLabel || __props.submitLabel + "..."), 1))
+            ], 64)) : (openBlock(), createElementBlock("span", _hoisted_1$b, toDisplayString(__props.loadingLabel || __props.submitLabel + "..."), 1))
           ]),
           _: 1
         }, 8, ["variant", "disabled", "loading", "class"]),
@@ -2350,8 +2350,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$9 = ["id", "name", "placeholder", "disabled", "required", "aria-invalid", "aria-required", "aria-describedby"];
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$a = ["id", "name", "placeholder", "disabled", "required", "aria-invalid", "aria-required", "aria-describedby"];
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2386,7 +2386,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       isTouched.value = true;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$p, {
+      return openBlock(), createBlock(_sfc_main$r, {
         icon: "lucide:mail",
         size: __props.size,
         disabled: __props.disabled,
@@ -2405,7 +2405,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             "aria-required": __props.required || void 0,
             "aria-describedby": __props.describedBy,
             class: inputClass
-          }, _ctx.$attrs, { onBlur: handleBlur }), null, 16, _hoisted_1$9), [
+          }, _ctx.$attrs, { onBlur: handleBlur }), null, 16, _hoisted_1$a), [
             [vModelText, modelValue.value]
           ])
         ]),
@@ -2425,14 +2425,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$8 = ["id", "type", "name", "placeholder", "disabled", "required", "aria-required", "aria-describedby"];
-const _hoisted_2$5 = ["disabled"];
-const _hoisted_3$4 = {
+const _hoisted_1$9 = ["id", "type", "name", "placeholder", "disabled", "required", "aria-required", "aria-describedby"];
+const _hoisted_2$6 = ["disabled"];
+const _hoisted_3$5 = {
   key: 0,
   class: "mt-2"
 };
-const _hoisted_4$2 = { class: "h-1.5 w-full rounded-full bg-gray-200 dark:bg-slate-700 overflow-hidden" };
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _hoisted_4$3 = { class: "h-1.5 w-full rounded-full bg-gray-200 dark:bg-slate-700 overflow-hidden" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2486,7 +2486,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a, _b;
       return openBlock(), createElementBlock("div", null, [
-        createVNode(_sfc_main$p, {
+        createVNode(_sfc_main$r, {
           icon: "lucide:lock",
           size: __props.size,
           disabled: __props.disabled
@@ -2503,7 +2503,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
               "aria-required": __props.required || void 0,
               "aria-describedby": __props.describedBy,
               class: inputClass
-            }, _ctx.$attrs, { autocomplete: "new-password" }), null, 16, _hoisted_1$8), [
+            }, _ctx.$attrs, { autocomplete: "new-password" }), null, 16, _hoisted_1$9), [
               [vModelDynamic, modelValue.value]
             ])
           ]),
@@ -2518,12 +2518,12 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 icon: showPassword.value ? "lucide:eye-off" : "lucide:eye",
                 class: "size-5 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300"
               }, null, 8, ["icon"])
-            ], 8, _hoisted_2$5)
+            ], 8, _hoisted_2$6)
           ]),
           _: 1
         }, 8, ["size", "disabled"]),
-        __props.showStrength && modelValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
-          createElementVNode("div", _hoisted_4$2, [
+        __props.showStrength && modelValue.value ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
+          createElementVNode("div", _hoisted_4$3, [
             createElementVNode("div", {
               class: normalizeClass([
                 "h-full rounded-full transition-all duration-300",
@@ -2547,10 +2547,10 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$7 = ["disabled"];
-const _hoisted_2$4 = { class: "text-lg leading-none" };
-const _hoisted_3$3 = ["id", "value", "name", "placeholder", "disabled", "required", "aria-required", "aria-describedby"];
-const _hoisted_4$1 = { class: "text-xs text-gray-400 font-medium" };
+const _hoisted_1$8 = ["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 = {
   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"
@@ -2606,7 +2606,7 @@ function getMaxDigitsFromPattern(pattern) {
   if (!pattern) return void 0;
   return (pattern.match(/#/g) || []).length;
 }
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -2733,7 +2733,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         ref_key: "dropdownRef",
         ref: dropdownRef
       }, [
-        createVNode(_sfc_main$p, {
+        createVNode(_sfc_main$r, {
           size: __props.size,
           disabled: __props.disabled
         }, {
@@ -2744,7 +2744,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               class: "flex items-center gap-1 pr-2 border-r border-gray-200 dark:border-slate-600 hover:bg-gray-50 dark:hover:bg-slate-600 -ml-1 pl-1 py-1 rounded-l transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
               onClick: _cache[0] || (_cache[0] = withModifiers(($event) => showDropdown.value = !showDropdown.value, ["stop"]))
             }, [
-              createElementVNode("span", _hoisted_2$4, toDisplayString(selectedCountry.value.flag), 1),
+              createElementVNode("span", _hoisted_2$5, toDisplayString(selectedCountry.value.flag), 1),
               createVNode(unref(Icon), {
                 icon: "lucide:chevron-down",
                 class: normalizeClass([
@@ -2752,7 +2752,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                   showDropdown.value && "rotate-180"
                 ])
               }, null, 8, ["class"])
-            ], 8, _hoisted_1$7)
+            ], 8, _hoisted_1$8)
           ]),
           default: withCtx(({ inputClass }) => [
             createElementVNode("input", mergeProps({
@@ -2769,10 +2769,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             }, _ctx.$attrs, {
               onInput: handleInput,
               onPaste: handlePaste
-            }), null, 16, _hoisted_3$3)
+            }), null, 16, _hoisted_3$4)
           ]),
           actions: withCtx(() => [
-            createElementVNode("span", _hoisted_4$1, toDisplayString(selectedCountry.value.dialCode), 1)
+            createElementVNode("span", _hoisted_4$2, toDisplayString(selectedCountry.value.dialCode), 1)
           ]),
           _: 1
         }, 8, ["size", "disabled"]),
@@ -2818,10 +2818,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$6 = ["disabled"];
-const _hoisted_2$3 = ["id", "value", "name", "placeholder", "disabled", "required", "min", "max", "step", "aria-required", "aria-describedby"];
-const _hoisted_3$2 = ["disabled"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$7 = ["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({
   ...{
     inheritAttrs: false
   },
@@ -2883,7 +2883,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$p, {
+      return openBlock(), createBlock(_sfc_main$r, {
         size: __props.size,
         disabled: __props.disabled
       }, createSlots({
@@ -2902,7 +2902,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             "aria-required": __props.required || void 0,
             "aria-describedby": __props.describedBy,
             class: [inputClass, "text-center", __props.showStepper && "pl-12 pr-12"]
-          }, _ctx.$attrs, { onInput: handleInput }), null, 16, _hoisted_2$3)
+          }, _ctx.$attrs, { onInput: handleInput }), null, 16, _hoisted_2$4)
         ]),
         _: 2
       }, [
@@ -2919,7 +2919,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                 icon: "lucide:minus",
                 class: "size-4 text-gray-500"
               })
-            ], 8, _hoisted_1$6)
+            ], 8, _hoisted_1$7)
           ]),
           key: "0"
         } : void 0,
@@ -2936,7 +2936,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                 icon: "lucide:plus",
                 class: "size-4 text-gray-500"
               })
-            ], 8, _hoisted_3$2)
+            ], 8, _hoisted_3$3)
           ]),
           key: "1"
         } : void 0
@@ -2944,10 +2944,10 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = { class: "text-sm font-medium text-gray-500 dark:text-gray-400" };
-const _hoisted_2$2 = ["id", "value", "name", "placeholder", "disabled", "required", "aria-required", "aria-describedby"];
-const _hoisted_3$1 = { class: "text-sm font-medium text-gray-500 dark:text-gray-400" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$6 = { 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({
   ...{
     inheritAttrs: false
   },
@@ -3021,7 +3021,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$p, {
+      return openBlock(), createBlock(_sfc_main$r, {
         size: __props.size,
         disabled: __props.disabled
       }, createSlots({
@@ -3041,21 +3041,21 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           }, _ctx.$attrs, {
             onInput: handleInput,
             onBlur: handleBlur
-          }), null, 16, _hoisted_2$2)
+          }), null, 16, _hoisted_2$3)
         ]),
         _: 2
       }, [
         config.value.position === "prefix" ? {
           name: "icon",
           fn: withCtx(() => [
-            createElementVNode("span", _hoisted_1$5, toDisplayString(config.value.symbol), 1)
+            createElementVNode("span", _hoisted_1$6, toDisplayString(config.value.symbol), 1)
           ]),
           key: "0"
         } : void 0,
         config.value.position === "suffix" ? {
           name: "actions",
           fn: withCtx(() => [
-            createElementVNode("span", _hoisted_3$1, toDisplayString(config.value.symbol), 1)
+            createElementVNode("span", _hoisted_3$2, toDisplayString(config.value.symbol), 1)
           ]),
           key: "1"
         } : void 0
@@ -3063,8 +3063,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = ["id", "value", "name", "placeholder", "disabled", "required", "min", "max", "step", "aria-required", "aria-describedby"];
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$5 = ["id", "value", "name", "placeholder", "disabled", "required", "min", "max", "step", "aria-required", "aria-describedby"];
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -3109,7 +3109,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       displayValue.value = target.value;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$p, {
+      return openBlock(), createBlock(_sfc_main$r, {
         size: __props.size,
         disabled: __props.disabled
       }, {
@@ -3129,7 +3129,7 @@ const _sfc_main$4 = /* @__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$4)
+          }, _ctx.$attrs, { onInput: handleInput }), null, 16, _hoisted_1$5)
         ]),
         actions: withCtx(() => [..._cache[0] || (_cache[0] = [
           createElementVNode("span", { class: "text-sm font-medium text-gray-500 dark:text-gray-400" }, "%", -1)
@@ -3139,11 +3139,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$3 = { 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$1 = ["disabled"];
-const _hoisted_3 = ["id", "value", "name", "disabled", "required", "min", "max"];
-const _hoisted_4 = ["disabled"];
-const _sfc_main$3 = /* @__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_2$2 = ["disabled"];
+const _hoisted_3$1 = ["id", "value", "name", "disabled", "required", "min", "max"];
+const _hoisted_4$1 = ["disabled"];
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -3213,7 +3213,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }[props.size]
     }));
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
         createElementVNode("button", {
           type: "button",
           disabled: !canDecrement.value,
@@ -3230,7 +3230,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             icon: "lucide:minus",
             class: normalizeClass(["text-gray-600 dark:text-gray-300", sizeClasses.value.icon])
           }, null, 8, ["class"])
-        ], 10, _hoisted_2$1),
+        ], 10, _hoisted_2$2),
         createElementVNode("input", mergeProps({
           id: __props.id ?? __props.name,
           value: modelValue.value,
@@ -3247,7 +3247,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             "disabled:opacity-50",
             sizeClasses.value.input
           ]
-        }, _ctx.$attrs, { onInput: handleInput }), null, 16, _hoisted_3),
+        }, _ctx.$attrs, { onInput: handleInput }), null, 16, _hoisted_3$1),
         createElementVNode("button", {
           type: "button",
           disabled: !canIncrement.value,
@@ -3264,13 +3264,13 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             icon: "lucide:plus",
             class: normalizeClass(["text-gray-600 dark:text-gray-300", sizeClasses.value.icon])
           }, null, 8, ["class"])
-        ], 10, _hoisted_4)
+        ], 10, _hoisted_4$1)
       ]);
     };
   }
 });
-const _hoisted_1$2 = ["id", "name", "placeholder", "disabled", "required", "aria-invalid", "aria-required", "aria-describedby"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$3 = ["id", "name", "placeholder", "disabled", "required", "aria-invalid", "aria-required", "aria-describedby"];
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -3311,7 +3311,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$p, {
+      return openBlock(), createBlock(_sfc_main$r, {
         icon: "lucide:link",
         size: __props.size,
         disabled: __props.disabled,
@@ -3330,7 +3330,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             "aria-required": __props.required || void 0,
             "aria-describedby": __props.describedBy,
             class: inputClass
-          }, _ctx.$attrs, { onBlur: handleBlur }), null, 16, _hoisted_1$2), [
+          }, _ctx.$attrs, { onBlur: handleBlur }), null, 16, _hoisted_1$3), [
             [vModelText, modelValue.value]
           ])
         ]),
@@ -3357,8 +3357,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = ["value", "type", "name", "disabled", "onInput", "onKeydown"];
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$2 = ["value", "type", "name", "disabled", "onInput", "onKeydown"];
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -3503,15 +3503,15 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             onKeydown: ($event) => handleKeydown($event, index),
             onPaste: handlePaste,
             onFocus: handleFocus
-          }, null, 42, _hoisted_1$1);
+          }, null, 42, _hoisted_1$2);
         }), 128))
       ], 2);
     };
   }
 });
-const _hoisted_1 = ["onClick"];
-const _hoisted_2 = ["id", "name", "placeholder", "disabled", "required"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _hoisted_1$1 = ["onClick"];
+const _hoisted_2$1 = ["id", "name", "placeholder", "disabled", "required"];
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -3629,7 +3629,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     icon: "lucide:x",
                     class: normalizeClass(["text-primary-500", sizeClasses.value.icon])
                   }, null, 8, ["class"])
-                ], 8, _hoisted_1)) : createCommentVNode("", true)
+                ], 8, _hoisted_1$1)) : createCommentVNode("", true)
               ], 2);
             }), 128))
           ]),
@@ -3654,42 +3654,217 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, _ctx.$attrs, {
           onKeydown: handleKeydown,
           onBlur: handleBlur
-        }), null, 16, _hoisted_2)), [
+        }), null, 16, _hoisted_2$1)), [
           [vModelText, inputValue.value]
         ]) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const TagsInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fcace07c"]]);
+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 = {
+  key: 0,
+  class: "flex justify-end mt-1"
+};
+const _hoisted_3 = { class: "text-xs text-gray-400" };
+const _hoisted_4 = { key: 0 };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "TextArea",
+  props: {
+    modelValue: { default: "" },
+    label: {},
+    placeholder: {},
+    hint: {},
+    error: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    required: { type: Boolean },
+    rows: { default: 3 },
+    maxLength: {},
+    showCount: { type: Boolean, default: false },
+    resize: { default: "vertical" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const charCount = computed(() => {
+      var _a;
+      return ((_a = props.modelValue) == null ? void 0 : _a.length) ?? 0;
+    });
+    const resizeClass = computed(() => {
+      switch (props.resize) {
+        case "none":
+          return "resize-none";
+        case "vertical":
+          return "resize-y";
+        case "horizontal":
+          return "resize-x";
+        case "both":
+          return "resize";
+        default:
+          return "resize-y";
+      }
+    });
+    function handleInput(event) {
+      const target = event.target;
+      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"
+            ]),
+            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")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["label", "hint", "error", "required", "disabled"]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CheckboxGroup",
+  props: {
+    modelValue: { default: () => [] },
+    options: {},
+    label: {},
+    hint: {},
+    error: {},
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    columns: { default: 2 },
+    inline: { type: Boolean, default: false }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const gridClass = computed(() => {
+      if (props.inline) return "flex flex-wrap gap-4";
+      switch (props.columns) {
+        case 1:
+          return "grid grid-cols-1 gap-2";
+        case 2:
+          return "grid grid-cols-1 sm:grid-cols-2 gap-2";
+        case 3:
+          return "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2";
+        case 4:
+          return "grid grid-cols-2 sm:grid-cols-4 gap-2";
+        default:
+          return "grid grid-cols-1 sm:grid-cols-2 gap-2";
+      }
+    });
+    function isChecked(value) {
+      var _a;
+      return ((_a = props.modelValue) == null ? void 0 : _a.includes(value)) ?? false;
+    }
+    function toggleValue(value, checked) {
+      const current = props.modelValue ?? [];
+      if (checked) {
+        if (!current.includes(value)) {
+          emit("update:modelValue", [...current, value]);
+        }
+      } else {
+        emit("update:modelValue", current.filter((v) => v !== 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
+      }, {
+        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"]);
+    };
+  }
+});
 export {
+  _sfc_main as A,
   Slider as S,
   TagsInput as T,
-  _sfc_main$r as _,
-  _sfc_main$q as a,
-  _sfc_main$o as b,
-  _sfc_main$n as c,
-  _sfc_main$m as d,
-  _sfc_main$l as e,
-  _sfc_main$k as f,
-  _sfc_main$i as g,
-  _sfc_main$h as h,
-  _sfc_main$g as i,
-  _sfc_main$f as j,
-  _sfc_main$e as k,
-  _sfc_main$d as l,
-  _sfc_main$c as m,
-  _sfc_main$b as n,
-  _sfc_main$a as o,
-  _sfc_main$p as p,
-  _sfc_main$9 as q,
-  _sfc_main$8 as r,
-  _sfc_main$7 as s,
-  _sfc_main$6 as t,
-  _sfc_main$5 as u,
-  _sfc_main$4 as v,
-  _sfc_main$3 as w,
-  _sfc_main$2 as x,
-  _sfc_main$1 as y
+  _sfc_main$t as _,
+  _sfc_main$s as a,
+  _sfc_main$q as b,
+  _sfc_main$p as c,
+  _sfc_main$o as d,
+  _sfc_main$n as e,
+  _sfc_main$m as f,
+  _sfc_main$k as g,
+  _sfc_main$j as h,
+  _sfc_main$i as i,
+  _sfc_main$h as j,
+  _sfc_main$g as k,
+  _sfc_main$f as l,
+  _sfc_main$e as m,
+  _sfc_main$d as n,
+  _sfc_main$c as o,
+  _sfc_main$r as p,
+  _sfc_main$b as q,
+  _sfc_main$a as r,
+  _sfc_main$9 as s,
+  _sfc_main$8 as t,
+  _sfc_main$7 as u,
+  _sfc_main$6 as v,
+  _sfc_main$5 as w,
+  _sfc_main$4 as x,
+  _sfc_main$3 as y,
+  _sfc_main$1 as z
 };
-//# sourceMappingURL=TagsInput-DtoJKN3L.js.map
+//# sourceMappingURL=CheckboxGroup.vue_vue_type_script_setup_true_lang-BOGul8zU.js.map