cisse-vue-ui 0.10.1 → 0.11.0

package/dist/{CheckboxGroup.vue_vue_type_script_setup_true_lang-ZP02bMgY.js → CheckboxGroup.vue_vue_type_script_setup_true_lang-CZ4Sox5V.js}

@@ -1,13 +1,161 @@
-import { defineComponent, createElementBlock, openBlock, renderSlot, createTextVNode, toDisplayString, useSlots, computed, toRef, normalizeClass, createCommentVNode, createBlock, unref, mergeModels, useModel, withCtx, withDirectives, createElementVNode, mergeProps, vModelDynamic, ref, watch, createVNode, Teleport, Transition, normalizeStyle, vModelText, Fragment, renderList, nextTick, withModifiers, withKeys, vShow, createSlots, onMounted, TransitionGroup } from "vue";
-import { u as useId } from "./useId-xeHj7rkg.js";
+import { defineComponent, createElementBlock, openBlock, normalizeClass, createBlock, createCommentVNode, createVNode, renderSlot, withCtx, createTextVNode, unref, toDisplayString, Fragment, createElementVNode, normalizeStyle, useSlots, computed, toRef, mergeModels, useModel, withDirectives, mergeProps, vModelDynamic, ref, watch, Teleport, Transition, vModelText, renderList, nextTick, vModelSelect, withModifiers, withKeys, vShow, createSlots, onMounted, TransitionGroup } from "vue";
 import { Icon } from "@iconify/vue";
-import { u as useDropdown } from "./useDropdown-XITCE_SM.js";
+import { _ as _sfc_main$y } from "./Button.vue_vue_type_script_setup_true_lang-CBYr0Z2_.js";
 import { u as useInputStyles } from "./useInputStyles-BFTJdXHL.js";
+import { u as useId } from "./useId-xeHj7rkg.js";
+import { u as useDropdown } from "./useDropdown-XITCE_SM.js";
 import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
-import { o as onClickOutside, u as useDebounceFn, _ as _sfc_main$v } from "./index-BaWpldIJ.js";
-import { _ as _sfc_main$u } from "./Button.vue_vue_type_script_setup_true_lang-CBYr0Z2_.js";
-const _hoisted_1$t = ["data-error", "for"];
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+import { o as onClickOutside, u as useDebounceFn, _ as _sfc_main$z } from "./index-BaWpldIJ.js";
+const _hoisted_1$w = { key: 1 };
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
+  __name: "FormActions",
+  props: {
+    submitLabel: { default: "Enregistrer" },
+    cancelLabel: { default: "Annuler" },
+    submitIcon: { default: "heroicons:check" },
+    cancelIcon: { default: "heroicons:x-mark" },
+    loading: { type: Boolean },
+    loadingLabel: {},
+    disabled: { type: Boolean },
+    showCancel: { type: Boolean, default: true },
+    align: { default: "right" },
+    stackOnMobile: { type: Boolean, default: false },
+    submitVariant: { default: "primary" }
+  },
+  emits: ["submit", "cancel"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "flex gap-3 pt-2",
+          __props.align === "left" && "justify-start",
+          __props.align === "center" && "justify-center",
+          __props.align === "right" && "justify-end",
+          __props.align === "stretch" && "[&>*]:flex-1",
+          __props.stackOnMobile && "flex-col sm:flex-row"
+        ])
+      }, [
+        __props.showCancel ? (openBlock(), createBlock(_sfc_main$y, {
+          key: 0,
+          type: "button",
+          variant: "outline",
+          disabled: __props.loading,
+          class: normalizeClass([
+            __props.stackOnMobile && "order-2 sm:order-1"
+          ]),
+          onClick: _cache[0] || (_cache[0] = ($event) => emit("cancel"))
+        }, {
+          default: withCtx(() => [
+            __props.cancelIcon ? (openBlock(), createBlock(unref(Icon), {
+              key: 0,
+              icon: __props.cancelIcon,
+              class: "w-5 h-5"
+            }, null, 8, ["icon"])) : createCommentVNode("", true),
+            createTextVNode(" " + toDisplayString(__props.cancelLabel), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled", "class"])) : createCommentVNode("", true),
+        createVNode(_sfc_main$y, {
+          type: "submit",
+          variant: __props.submitVariant,
+          disabled: __props.disabled || __props.loading,
+          loading: __props.loading,
+          class: normalizeClass([
+            __props.stackOnMobile && "order-1 sm:order-2"
+          ]),
+          onClick: _cache[1] || (_cache[1] = ($event) => emit("submit"))
+        }, {
+          default: withCtx(() => [
+            !__props.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              __props.submitIcon ? (openBlock(), createBlock(unref(Icon), {
+                key: 0,
+                icon: __props.submitIcon,
+                class: "w-5 h-5"
+              }, null, 8, ["icon"])) : createCommentVNode("", true),
+              createTextVNode(" " + toDisplayString(__props.submitLabel), 1)
+            ], 64)) : (openBlock(), createElementBlock("span", _hoisted_1$w, toDisplayString(__props.loadingLabel || __props.submitLabel + "..."), 1))
+          ]),
+          _: 1
+        }, 8, ["variant", "disabled", "loading", "class"]),
+        renderSlot(_ctx.$slots, "extra")
+      ], 2);
+    };
+  }
+});
+const _hoisted_1$v = {
+  key: 0,
+  class: "pb-5 mb-5"
+};
+const _hoisted_2$k = {
+  key: 0,
+  class: "text-base/7 font-semibold text-gray-900 dark:text-gray-100"
+};
+const _hoisted_3$i = {
+  key: 1,
+  class: "mt-1 max-w-2xl text-sm/6 text-gray-600 dark:text-gray-400"
+};
+const _hoisted_4$e = {
+  key: 1,
+  class: "border-t border-gray-900/10 dark:border-gray-100/10 pt-5 mt-5"
+};
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
+  __name: "Form",
+  props: {
+    title: {},
+    description: {},
+    layout: { default: "vertical" },
+    divide: { type: Boolean, default: false },
+    hideFooter: { type: Boolean, default: false },
+    submitLabel: { default: "Enregistrer" },
+    cancelLabel: { default: "Annuler" },
+    loading: { type: Boolean },
+    disabled: { type: Boolean },
+    cols: { default: 12 }
+  },
+  emits: ["submit", "cancel"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    function handleSubmit(event) {
+      event.preventDefault();
+      emit("submit", event);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("form", { onSubmit: handleSubmit }, [
+        __props.title || __props.description || _ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1$v, [
+          renderSlot(_ctx.$slots, "header", {}, () => [
+            __props.title ? (openBlock(), createElementBlock("h2", _hoisted_2$k, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+            __props.description ? (openBlock(), createElementBlock("p", _hoisted_3$i, toDisplayString(__props.description), 1)) : createCommentVNode("", true)
+          ])
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass([
+            "grid gap-6",
+            __props.layout === "horizontal" && "sm:grid-cols-12 gap-x-6 gap-y-8",
+            __props.layout === "vertical" && `grid-cols-${__props.cols}`,
+            __props.divide && "sm:divide-y sm:divide-gray-900/10 dark:sm:divide-gray-100/10"
+          ]),
+          style: normalizeStyle(__props.layout === "vertical" ? { gridTemplateColumns: `repeat(${__props.cols}, minmax(0, 1fr))` } : void 0)
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 6),
+        !__props.hideFooter || _ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4$e, [
+          renderSlot(_ctx.$slots, "footer", {}, () => [
+            createVNode(_sfc_main$x, {
+              "submit-label": __props.submitLabel,
+              "cancel-label": __props.cancelLabel,
+              loading: __props.loading,
+              disabled: __props.disabled,
+              onCancel: _cache[0] || (_cache[0] = ($event) => emit("cancel"))
+            }, null, 8, ["submit-label", "cancel-label", "loading", "disabled"])
+          ])
+        ])) : createCommentVNode("", true)
+      ], 32);
+    };
+  }
+});
+const _hoisted_1$u = ["data-error", "for"];
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "FormLabel",
   props: {
     error: { type: [String, Boolean] },
@@ -21,12 +169,12 @@ 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$t);
+      ], 8, _hoisted_1$u);
     };
   }
 });
-const _hoisted_1$s = ["id", "data-error", "role", "aria-live"];
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _hoisted_1$t = ["id", "data-error", "role", "aria-live"];
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "FormHelp",
   props: {
     id: {},
@@ -45,19 +193,19 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
         renderSlot(_ctx.$slots, "default", {}, () => [
           createTextVNode(toDisplayString(__props.text ?? ""), 1)
         ])
-      ], 8, _hoisted_1$s);
+      ], 8, _hoisted_1$t);
     };
   }
 });
-const _hoisted_1$r = {
+const _hoisted_1$s = {
   key: 0,
   class: "absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none text-gray-400"
 };
-const _hoisted_2$i = {
+const _hoisted_2$j = {
   key: 1,
   class: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-1"
 };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "InputWrapper",
   props: {
     icon: {},
@@ -86,7 +234,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["relative", __props.wrapperClass])
       }, [
-        hasLeftIcon.value ? (openBlock(), createElementBlock("div", _hoisted_1$r, [
+        hasLeftIcon.value ? (openBlock(), createElementBlock("div", _hoisted_1$s, [
           renderSlot(_ctx.$slots, "icon", {}, () => [
             __props.icon ? (openBlock(), createBlock(unref(Icon), {
               key: 0,
@@ -96,7 +244,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
           ])
         ])) : createCommentVNode("", true),
         renderSlot(_ctx.$slots, "default", { inputClass: unref(inputClass) }),
-        hasRightContent.value ? (openBlock(), createElementBlock("div", _hoisted_2$i, [
+        hasRightContent.value ? (openBlock(), createElementBlock("div", _hoisted_2$j, [
           renderSlot(_ctx.$slots, "actions", {}, () => [
             __props.iconRight ? (openBlock(), createBlock(unref(Icon), {
               key: 0,
@@ -109,8 +257,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$q = ["id", "disabled", "name", "placeholder", "type", "required", "aria-invalid", "aria-required", "aria-describedby"];
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _hoisted_1$r = ["id", "disabled", "name", "placeholder", "type", "required", "aria-invalid", "aria-required", "aria-describedby"];
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -136,7 +284,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
+      return openBlock(), createBlock(_sfc_main$t, {
         icon: props.icon,
         "icon-right": props.iconRight,
         disabled: props.disabled,
@@ -155,7 +303,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$q), [
+          }, _ctx.$attrs), null, 16, _hoisted_1$r), [
             [vModelDynamic, modelValue.value]
           ])
         ]),
@@ -164,10 +312,10 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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_1$q = { class: "relative" };
+const _hoisted_2$i = ["id", "disabled", "aria-expanded", "aria-controls", "aria-invalid", "aria-describedby"];
+const _hoisted_3$h = { class: "flex-1 truncate" };
+const _hoisted_4$d = ["id", "aria-label"];
 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"
@@ -186,7 +334,7 @@ const _hoisted_10$4 = {
   "aria-hidden": "true"
 };
 const _hoisted_11$4 = { class: "flex-1" };
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "FormSelect",
   props: /* @__PURE__ */ mergeModels({
     options: {},
@@ -312,7 +460,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       props.triggerClass
     ]);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$p, [
+      return openBlock(), createElementBlock("div", _hoisted_1$q, [
         createElementVNode("button", {
           id: triggerId.value,
           ref_key: "triggerRef",
@@ -332,14 +480,14 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             option: selectedOption.value,
             placeholder: __props.placeholder
           }, () => [
-            createElementVNode("span", _hoisted_3$g, toDisplayString(displayValue.value), 1)
+            createElementVNode("span", _hoisted_3$h, 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$h),
+        ], 42, _hoisted_2$i),
         (openBlock(), createBlock(Teleport, {
           to: "body",
           disabled: !__props.teleport
@@ -421,7 +569,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                     ], 42, _hoisted_9$4);
                   }), 128))
                 ])
-              ], 14, _hoisted_4$c)) : createCommentVNode("", true)
+              ], 14, _hoisted_4$d)) : createCommentVNode("", true)
             ]),
             _: 3
           })
@@ -430,7 +578,106 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$o = ["hidden"];
+const _hoisted_1$p = { class: "relative grid grid-cols-1" };
+const _hoisted_2$h = ["name", "id", "disabled", "required"];
+const _hoisted_3$g = {
+  key: 0,
+  value: "",
+  disabled: ""
+};
+const _hoisted_4$c = ["value", "disabled"];
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
+  __name: "Select",
+  props: /* @__PURE__ */ mergeModels({
+    options: {},
+    placeholder: { default: "Sélectionnez une option" },
+    name: {},
+    id: {},
+    disabled: { type: Boolean },
+    required: { type: Boolean },
+    invalid: { type: Boolean },
+    size: { default: "md" },
+    class: {}
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const modelValue = useModel(__props, "modelValue");
+    const hasValue = computed(() => modelValue.value !== null && modelValue.value !== "");
+    const { inputClass } = useInputStyles({
+      disabled: toRef(props, "disabled"),
+      invalid: toRef(props, "invalid"),
+      size: toRef(props, "size"),
+      hasValue
+    });
+    const selectClasses = computed(() => [
+      ...inputClass.value,
+      "appearance-none cursor-pointer pr-10",
+      props.class
+    ]);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$p, [
+        withDirectives(createElementVNode("select", {
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+          name: __props.name,
+          id: __props.id,
+          disabled: __props.disabled,
+          required: __props.required,
+          class: normalizeClass([selectClasses.value, "col-start-1 row-start-1"])
+        }, [
+          __props.placeholder ? (openBlock(), createElementBlock("option", _hoisted_3$g, toDisplayString(__props.placeholder), 1)) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
+              return openBlock(), createElementBlock("option", {
+                key: option.value,
+                value: option.value,
+                disabled: option.disabled
+              }, toDisplayString(option.label), 9, _hoisted_4$c);
+            }), 128))
+          ])
+        ], 10, _hoisted_2$h), [
+          [vModelSelect, modelValue.value]
+        ]),
+        createVNode(unref(Icon), {
+          icon: "heroicons:chevron-down",
+          class: "pointer-events-none col-start-1 row-start-1 mr-3 size-5 self-center justify-self-end text-gray-500 dark:text-gray-400 sm:size-4",
+          "aria-hidden": "true"
+        })
+      ]);
+    };
+  }
+});
+const _hoisted_1$o = ["value", "disabled", "selected"];
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  __name: "Option",
+  props: {
+    value: {},
+    disabled: { type: Boolean },
+    selected: { type: Boolean },
+    class: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("option", {
+        value: __props.value,
+        disabled: __props.disabled,
+        selected: __props.selected,
+        class: normalizeClass([
+          "appearance-none py-1.5 pr-8 pl-3 bg-white dark:bg-gray-900",
+          "text-base text-gray-900 dark:text-gray-100 sm:text-sm/6",
+          "hover:bg-gray-100 dark:hover:bg-gray-800",
+          _ctx.$props.class
+        ])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 10, _hoisted_1$o);
+    };
+  }
+});
+const _hoisted_1$n = ["hidden"];
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "FormGroup",
   props: /* @__PURE__ */ mergeModels({
@@ -472,7 +719,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       }, [
         renderSlot(_ctx.$slots, "default", {}, () => [
           renderSlot(_ctx.$slots, "label", {}, () => [
-            __props.label ? (openBlock(), createBlock(_sfc_main$t, {
+            __props.label ? (openBlock(), createBlock(_sfc_main$v, {
               key: 0,
               "html-for": inputId.value,
               error: __props.error
@@ -484,7 +731,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             }, 8, ["html-for", "error"])) : createCommentVNode("", true)
           ]),
           renderSlot(_ctx.$slots, "input", {}, () => [
-            isSelect.value ? (openBlock(), createBlock(_sfc_main$p, mergeProps({
+            isSelect.value ? (openBlock(), createBlock(_sfc_main$r, mergeProps({
               key: 0,
               modelValue: modelValue.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
@@ -492,7 +739,7 @@ const _sfc_main$o = /* @__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$q, mergeProps({
+            }), null, 16, ["modelValue", "id", "invalid", "described-by"])) : (openBlock(), createBlock(_sfc_main$s, mergeProps({
               key: 1,
               modelValue: modelValue.value,
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelValue.value = $event)
@@ -502,7 +749,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
               "described-by": hasError.value ? helpId.value : void 0
             }), null, 16, ["modelValue", "id", "invalid", "described-by"]))
           ]),
-          hasError.value ? (openBlock(), createBlock(_sfc_main$s, {
+          hasError.value ? (openBlock(), createBlock(_sfc_main$u, {
             key: 0,
             id: helpId.value,
             error: true
@@ -513,11 +760,11 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["id"])) : createCommentVNode("", true)
         ])
-      ], 12, _hoisted_1$o);
+      ], 12, _hoisted_1$n);
     };
   }
 });
-const _hoisted_1$n = ["name", "placeholder", "disabled"];
+const _hoisted_1$m = ["name", "placeholder", "disabled"];
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
@@ -538,7 +785,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
+      return openBlock(), createBlock(_sfc_main$t, {
         icon: props.icon,
         size: props.size,
         disabled: props.disabled
@@ -551,7 +798,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             placeholder: props.placeholder,
             disabled: props.disabled,
             class: inputClass
-          }, _ctx.$attrs), null, 16, _hoisted_1$n), [
+          }, _ctx.$attrs), null, 16, _hoisted_1$m), [
             [vModelText, modelValue.value]
           ])
         ]),
@@ -560,7 +807,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$m = ["id", "aria-checked", "aria-labelledby", "aria-describedby", "disabled"];
+const _hoisted_1$l = ["id", "aria-checked", "aria-labelledby", "aria-describedby", "disabled"];
 const _hoisted_2$g = {
   key: 0,
   class: "flex flex-col"
@@ -631,7 +878,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
             ]),
             "aria-hidden": "true"
           }, null, 2)
-        ], 10, _hoisted_1$m),
+        ], 10, _hoisted_1$l),
         __props.label || __props.description ? (openBlock(), createElementBlock("div", _hoisted_2$g, [
           __props.label ? (openBlock(), createElementBlock("span", {
             key: 0,
@@ -648,7 +895,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$l = { class: "w-full" };
+const _hoisted_1$k = { class: "w-full" };
 const _hoisted_2$f = {
   key: 0,
   class: "mb-2 flex justify-between text-sm"
@@ -690,7 +937,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       modelValue.value = Number(target.value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$l, [
+      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),
@@ -719,7 +966,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
   }
 });
 const Slider = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-a411f1b4"]]);
-const _hoisted_1$k = { class: "relative" };
+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" };
@@ -870,7 +1117,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
       size: toRef(props, "size")
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$k, [
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
         createElementVNode("button", {
           id: triggerId.value,
           ref_key: "triggerRef",
@@ -1010,7 +1257,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$j = { class: "space-y-4" };
+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" };
@@ -1158,7 +1405,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
       return "heroicons:document";
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$j, [
+      return openBlock(), createElementBlock("div", _hoisted_1$i, [
         createElementVNode("div", {
           class: normalizeClass(dropzoneClasses.value),
           onDrop: withModifiers(handleDrop, ["prevent"]),
@@ -1217,7 +1464,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$i = { class: "flex items-center gap-1" };
+const _hoisted_1$h = { class: "flex items-center gap-1" };
 const _hoisted_2$c = ["disabled", "onClick", "onMousemove"];
 const _hoisted_3$b = {
   key: 0,
@@ -1286,7 +1533,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       hoverValue.value = null;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [
+      return openBlock(), createElementBlock("div", _hoisted_1$h, [
         createElementVNode("div", {
           class: "flex items-center",
           onMouseleave: handleMouseLeave
@@ -1326,7 +1573,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$h = { class: "relative inline-block" };
+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"
@@ -1409,7 +1656,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
       isOpen.value = false;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$h, [
+      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",
@@ -1500,7 +1747,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$g = { class: "space-y-2" };
+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"
@@ -1587,7 +1834,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$g, [
+      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)
@@ -1629,7 +1876,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$f = ["aria-expanded", "aria-controls"];
+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"];
@@ -1801,7 +2048,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
               "aria-hidden": "true"
             }, null, 8, ["class"])
           ])
-        ], 10, _hoisted_1$f),
+        ], 10, _hoisted_1$e),
         (openBlock(), createBlock(Teleport, {
           to: teleportTarget.value,
           disabled: teleportDisabled.value
@@ -1869,7 +2116,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$e = { class: "relative" };
+const _hoisted_1$d = { class: "relative" };
 const _hoisted_2$8 = {
   key: 0,
   class: "text-red-500 ml-0.5"
@@ -2027,8 +2274,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       searchQuery.value = "";
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
-        __props.label ? (openBlock(), createBlock(_sfc_main$t, {
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
+        __props.label ? (openBlock(), createBlock(_sfc_main$v, {
           key: 0,
           "html-for": inputId.value,
           error: __props.error
@@ -2076,7 +2323,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             class: "size-4 text-gray-400"
           })
         ], 10, _hoisted_3$7),
-        __props.help && !hasError.value ? (openBlock(), createBlock(_sfc_main$s, {
+        __props.help && !hasError.value ? (openBlock(), createBlock(_sfc_main$u, {
           key: 1,
           id: helpId.value
         }, {
@@ -2085,7 +2332,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["id"])) : createCommentVNode("", true),
-        hasError.value ? (openBlock(), createBlock(_sfc_main$s, {
+        hasError.value ? (openBlock(), createBlock(_sfc_main$u, {
           key: 2,
           id: helpId.value,
           error: true
@@ -2162,7 +2409,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$d = { class: "flex items-center justify-between" };
+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 = {
@@ -2208,7 +2455,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           ]),
           onClick: _cache[0] || (_cache[0] = ($event) => __props.collapsible && toggleCollapse())
         }, [
-          createElementVNode("div", _hoisted_1$d, [
+          createElementVNode("div", _hoisted_1$c, [
             createElementVNode("div", _hoisted_2$7, [
               __props.icon ? (openBlock(), createElementBlock("div", {
                 key: 0,
@@ -2277,79 +2524,68 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$c = { key: 1 };
 const _sfc_main$c = /* @__PURE__ */ defineComponent({
-  __name: "FormActions",
+  __name: "InputGroup",
   props: {
-    submitLabel: { default: "Enregistrer" },
-    cancelLabel: { default: "Annuler" },
-    submitIcon: { default: "heroicons:check" },
-    cancelIcon: { default: "heroicons:x-mark" },
-    loading: { type: Boolean },
-    loadingLabel: {},
-    disabled: { type: Boolean },
-    showCancel: { type: Boolean, default: true },
-    align: { default: "right" },
-    stackOnMobile: { type: Boolean, default: false },
-    submitVariant: { default: "primary" }
+    size: { default: "md" },
+    prefix: {},
+    suffix: {},
+    class: {}
   },
-  emits: ["submit", "cancel"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const hasPrefix = computed(() => !!props.prefix || !!slots.prefix);
+    const hasSuffix = computed(() => !!props.suffix || !!slots.suffix);
+    const sizeClasses = {
+      sm: { addon: "px-2.5 py-1.5", text: "text-sm" },
+      md: { addon: "px-3 py-2", text: "text-sm" },
+      lg: { addon: "px-4 py-3", text: "text-base" }
+    };
+    const addonClasses = computed(() => [
+      sizeClasses[props.size].addon,
+      sizeClasses[props.size].text,
+      "inline-flex items-center text-gray-500 dark:text-gray-400",
+      "bg-gray-50 dark:bg-gray-800",
+      "border border-gray-300 dark:border-gray-600"
+    ]);
+    const prefixClasses = computed(() => [
+      ...addonClasses.value,
+      "rounded-l-md border-r-0"
+    ]);
+    const suffixClasses = computed(() => [
+      ...addonClasses.value,
+      "rounded-r-md border-l-0"
+    ]);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          "flex gap-3 pt-2",
-          __props.align === "left" && "justify-start",
-          __props.align === "center" && "justify-center",
-          __props.align === "right" && "justify-end",
-          __props.align === "stretch" && "[&>*]:flex-1",
-          __props.stackOnMobile && "flex-col sm:flex-row"
-        ])
+        class: normalizeClass(["flex", props.class])
       }, [
-        __props.showCancel ? (openBlock(), createBlock(_sfc_main$u, {
+        hasPrefix.value ? (openBlock(), createElementBlock("span", {
           key: 0,
-          type: "button",
-          variant: "outline",
-          disabled: __props.loading,
-          class: normalizeClass([
-            __props.stackOnMobile && "order-2 sm:order-1"
-          ]),
-          onClick: _cache[0] || (_cache[0] = ($event) => emit("cancel"))
-        }, {
-          default: withCtx(() => [
-            __props.cancelIcon ? (openBlock(), createBlock(unref(Icon), {
-              key: 0,
-              icon: __props.cancelIcon,
-              class: "w-5 h-5"
-            }, null, 8, ["icon"])) : createCommentVNode("", true),
-            createTextVNode(" " + toDisplayString(__props.cancelLabel), 1)
-          ]),
-          _: 1
-        }, 8, ["disabled", "class"])) : createCommentVNode("", true),
-        createVNode(_sfc_main$u, {
-          type: "submit",
-          variant: __props.submitVariant,
-          disabled: __props.disabled || __props.loading,
-          loading: __props.loading,
+          class: normalizeClass(prefixClasses.value)
+        }, [
+          renderSlot(_ctx.$slots, "prefix", {}, () => [
+            createTextVNode(toDisplayString(__props.prefix), 1)
+          ])
+        ], 2)) : createCommentVNode("", true),
+        createElementVNode("div", {
           class: normalizeClass([
-            __props.stackOnMobile && "order-1 sm:order-2"
-          ]),
-          onClick: _cache[1] || (_cache[1] = ($event) => emit("submit"))
-        }, {
-          default: withCtx(() => [
-            !__props.loading ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-              __props.submitIcon ? (openBlock(), createBlock(unref(Icon), {
-                key: 0,
-                icon: __props.submitIcon,
-                class: "w-5 h-5"
-              }, null, 8, ["icon"])) : createCommentVNode("", true),
-              createTextVNode(" " + toDisplayString(__props.submitLabel), 1)
-            ], 64)) : (openBlock(), createElementBlock("span", _hoisted_1$c, toDisplayString(__props.loadingLabel || __props.submitLabel + "..."), 1))
-          ]),
-          _: 1
-        }, 8, ["variant", "disabled", "loading", "class"]),
-        renderSlot(_ctx.$slots, "extra")
+            "flex-1 min-w-0",
+            hasPrefix.value && "[&>*]:rounded-l-none [&>*]:border-l-0",
+            hasSuffix.value && "[&>*]:rounded-r-none [&>*]:border-r-0"
+          ])
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2),
+        hasSuffix.value ? (openBlock(), createElementBlock("span", {
+          key: 1,
+          class: normalizeClass(suffixClasses.value)
+        }, [
+          renderSlot(_ctx.$slots, "suffix", {}, () => [
+            createTextVNode(toDisplayString(__props.suffix), 1)
+          ])
+        ], 2)) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -2390,7 +2626,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       isTouched.value = true;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
+      return openBlock(), createBlock(_sfc_main$t, {
         icon: "lucide:mail",
         size: __props.size,
         disabled: __props.disabled,
@@ -2490,7 +2726,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       var _a, _b;
       return openBlock(), createElementBlock("div", null, [
-        createVNode(_sfc_main$r, {
+        createVNode(_sfc_main$t, {
           icon: "lucide:lock",
           size: __props.size,
           disabled: __props.disabled
@@ -2737,7 +2973,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         ref_key: "dropdownRef",
         ref: dropdownRef
       }, [
-        createVNode(_sfc_main$r, {
+        createVNode(_sfc_main$t, {
           size: __props.size,
           disabled: __props.disabled
         }, {
@@ -2887,7 +3123,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
+      return openBlock(), createBlock(_sfc_main$t, {
         size: __props.size,
         disabled: __props.disabled
       }, createSlots({
@@ -3025,7 +3261,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
+      return openBlock(), createBlock(_sfc_main$t, {
         size: __props.size,
         disabled: __props.disabled
       }, createSlots({
@@ -3113,7 +3349,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       displayValue.value = target.value;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
+      return openBlock(), createBlock(_sfc_main$t, {
         size: __props.size,
         disabled: __props.disabled
       }, {
@@ -3315,7 +3551,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$r, {
+      return openBlock(), createBlock(_sfc_main$t, {
         icon: "lucide:link",
         size: __props.size,
         disabled: __props.disabled,
@@ -3720,7 +3956,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        __props.label || _ctx.$slots.label ? (openBlock(), createBlock(_sfc_main$t, {
+        __props.label || _ctx.$slots.label ? (openBlock(), createBlock(_sfc_main$v, {
           key: 0,
           error: __props.error
         }, {
@@ -3753,13 +3989,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             __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 }, {
+        __props.hint && !__props.error ? (openBlock(), createBlock(_sfc_main$u, { key: 2 }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(__props.hint), 1)
           ]),
           _: 1
         })) : createCommentVNode("", true),
-        __props.error ? (openBlock(), createBlock(_sfc_main$s, {
+        __props.error ? (openBlock(), createBlock(_sfc_main$u, {
           key: 3,
           error: true
         }, {
@@ -3824,7 +4060,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        __props.label ? (openBlock(), createBlock(_sfc_main$t, {
+        __props.label ? (openBlock(), createBlock(_sfc_main$v, {
           key: 0,
           error: __props.error
         }, {
@@ -3838,7 +4074,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass([gridClass.value, __props.label ? "mt-2" : ""])
         }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option) => {
-            return openBlock(), createBlock(_sfc_main$v, {
+            return openBlock(), createBlock(_sfc_main$z, {
               key: option.value,
               "model-value": isChecked(option.value),
               label: option.label,
@@ -3847,13 +4083,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, ["model-value", "label", "disabled", "onUpdate:modelValue"]);
           }), 128))
         ], 2),
-        __props.hint && !__props.error ? (openBlock(), createBlock(_sfc_main$s, { key: 1 }, {
+        __props.hint && !__props.error ? (openBlock(), createBlock(_sfc_main$u, { key: 1 }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(__props.hint), 1)
           ]),
           _: 1
         })) : createCommentVNode("", true),
-        __props.error ? (openBlock(), createBlock(_sfc_main$s, {
+        __props.error ? (openBlock(), createBlock(_sfc_main$u, {
           key: 2,
           error: true
         }, {
@@ -3867,35 +4103,39 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 export {
-  _sfc_main as A,
+  _sfc_main$5 as A,
+  _sfc_main$4 as B,
+  _sfc_main$3 as C,
+  _sfc_main$1 as D,
+  _sfc_main as E,
   Slider as S,
   TagsInput as T,
-  _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
+  _sfc_main$w as _,
+  _sfc_main$v as a,
+  _sfc_main$u as b,
+  _sfc_main$s as c,
+  _sfc_main$r as d,
+  _sfc_main$q as e,
+  _sfc_main$p as f,
+  _sfc_main$o as g,
+  _sfc_main$n as h,
+  _sfc_main$m as i,
+  _sfc_main$k as j,
+  _sfc_main$j as k,
+  _sfc_main$i as l,
+  _sfc_main$h as m,
+  _sfc_main$g as n,
+  _sfc_main$f as o,
+  _sfc_main$e as p,
+  _sfc_main$d as q,
+  _sfc_main$x as r,
+  _sfc_main$t as s,
+  _sfc_main$c as t,
+  _sfc_main$b as u,
+  _sfc_main$a as v,
+  _sfc_main$9 as w,
+  _sfc_main$8 as x,
+  _sfc_main$7 as y,
+  _sfc_main$6 as z
 };
-//# sourceMappingURL=CheckboxGroup.vue_vue_type_script_setup_true_lang-ZP02bMgY.js.map
+//# sourceMappingURL=CheckboxGroup.vue_vue_type_script_setup_true_lang-CZ4Sox5V.js.map