cisse-vue-ui 0.5.33 → 0.6.0

package/dist/{IconPicker.vue_vue_type_script_setup_true_lang-Ch1x6Ap9.js → FormActions.vue_vue_type_script_setup_true_lang-d2aur5Pu.js}

@@ -1,11 +1,12 @@
-import { defineComponent, createElementBlock, openBlock, renderSlot, createTextVNode, toDisplayString, mergeModels, useModel, withDirectives, mergeProps, vModelDynamic, computed, ref, watch, createElementVNode, createBlock, unref, normalizeClass, createVNode, Teleport, Transition, withCtx, createCommentVNode, normalizeStyle, vModelText, Fragment, renderList, nextTick, withModifiers, withKeys } from "vue";
+import { defineComponent, createElementBlock, openBlock, renderSlot, createTextVNode, toDisplayString, mergeModels, useModel, withDirectives, createBlock, createCommentVNode, unref, createElementVNode, mergeProps, vModelDynamic, computed, ref, watch, normalizeClass, createVNode, Teleport, Transition, withCtx, normalizeStyle, vModelText, Fragment, renderList, nextTick, withModifiers, withKeys, vShow } from "vue";
 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, u as useDebounceFn } from "./index-BaWpldIJ.js";
-const _hoisted_1$e = ["data-error", "for"];
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+import { _ as _sfc_main$h } from "./Button.vue_vue_type_script_setup_true_lang-CBYr0Z2_.js";
+const _hoisted_1$g = ["data-error", "for"];
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "FormLabel",
   props: {
     error: { type: [String, Boolean] },
@@ -19,12 +20,12 @@ const _sfc_main$e = /* @__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$e);
+      ], 8, _hoisted_1$g);
     };
   }
 });
-const _hoisted_1$d = ["id", "data-error", "role", "aria-live"];
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _hoisted_1$f = ["id", "data-error", "role", "aria-live"];
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "FormHelp",
   props: {
     id: {},
@@ -43,12 +44,18 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
         renderSlot(_ctx.$slots, "default", {}, () => [
           createTextVNode(toDisplayString(__props.text ?? ""), 1)
         ])
-      ], 8, _hoisted_1$d);
+      ], 8, _hoisted_1$f);
     };
   }
 });
-const _hoisted_1$c = ["id", "disabled", "name", "placeholder", "type", "required", "aria-invalid", "aria-required", "aria-describedby"];
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _hoisted_1$e = {
+  key: 0,
+  class: "relative"
+};
+const _hoisted_2$c = ["id", "disabled", "name", "placeholder", "type", "required", "aria-invalid", "aria-required", "aria-describedby"];
+const _hoisted_3$b = ["id", "disabled", "name", "placeholder", "type", "required", "aria-invalid", "aria-required", "aria-describedby"];
+const baseInputClass = "block w-full rounded-xl border border-gray-200 bg-gray-50 text-sm text-gray-900 placeholder-gray-400 transition-all focus:border-primary-500 focus:ring-2 focus:ring-primary-500 focus:bg-white focus:outline-hidden disabled:border-gray-200 disabled:bg-gray-100 disabled:text-gray-500 disabled:cursor-not-allowed dark:border-slate-600 dark:bg-slate-700 dark:text-white dark:placeholder-gray-500 dark:focus:border-primary-500 dark:focus:ring-primary-500 dark:focus:bg-slate-600 dark:disabled:bg-slate-800 dark:disabled:text-gray-500";
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "FormInput",
   props: /* @__PURE__ */ mergeModels({
     type: { default: "text" },
@@ -59,7 +66,9 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     id: {},
     name: {},
     required: { type: Boolean },
-    describedBy: {}
+    describedBy: {},
+    icon: {},
+    iconRight: {}
   }, {
     "modelValue": {},
     "modelModifiers": {}
@@ -69,9 +78,41 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     const props = __props;
     const modelValue = useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createElementBlock("input", mergeProps({
+      return props.icon || props.iconRight ? (openBlock(), createElementBlock("div", _hoisted_1$e, [
+        props.icon ? (openBlock(), createBlock(unref(Icon), {
+          key: 0,
+          icon: props.icon,
+          class: "absolute left-3 top-1/2 -translate-y-1/2 size-5 text-gray-400 pointer-events-none"
+        }, null, 8, ["icon"])) : createCommentVNode("", true),
+        withDirectives(createElementVNode("input", mergeProps({
+          id: props.id ?? props.name ?? "",
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+          disabled: props.disabled,
+          name: props.name ?? "",
+          placeholder: props.placeholder,
+          type: props.type,
+          required: props.required,
+          "aria-invalid": props.invalid || void 0,
+          "aria-required": props.required || void 0,
+          "aria-describedby": props.describedBy || void 0,
+          class: [
+            baseInputClass,
+            "py-3",
+            props.icon ? "pl-10" : "pl-4",
+            props.iconRight ? "pr-10" : "pr-4"
+          ]
+        }, _ctx.$attrs), null, 16, _hoisted_2$c), [
+          [vModelDynamic, modelValue.value]
+        ]),
+        props.iconRight ? (openBlock(), createBlock(unref(Icon), {
+          key: 1,
+          icon: props.iconRight,
+          class: "absolute right-3 top-1/2 -translate-y-1/2 size-5 text-gray-400 pointer-events-none"
+        }, null, 8, ["icon"])) : createCommentVNode("", true)
+      ])) : withDirectives((openBlock(), createElementBlock("input", mergeProps({
+        key: 1,
         id: props.id ?? props.name ?? "",
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelValue.value = $event),
         disabled: props.disabled,
         name: props.name ?? "",
         placeholder: props.placeholder,
@@ -80,22 +121,22 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         "aria-invalid": props.invalid || void 0,
         "aria-required": props.required || void 0,
         "aria-describedby": props.describedBy || void 0,
-        class: "mt-1 block w-full rounded-md border border-gray-300 bg-white px-3 py-2 text-sm text-gray-800 placeholder-gray-400 shadow-sm user-invalid:border-red-500 user-invalid:text-red-600 focus:border-primary focus:ring-1 focus:ring-primary focus:outline-hidden focus:user-invalid:border-red-500 focus:user-invalid:ring-red-500 disabled:border-gray-200 disabled:bg-gray-50 disabled:text-gray-500 disabled:shadow-none dark:border-gray-700 dark:bg-gray-900 dark:text-gray-200 dark:placeholder-gray-500 dark:focus:border-primary dark:focus:ring-primary dark:disabled:border-gray-800 dark:disabled:bg-gray-950 dark:disabled:text-gray-500"
-      }, _ctx.$attrs), null, 16, _hoisted_1$c)), [
+        class: [baseInputClass, "px-4 py-3"]
+      }, _ctx.$attrs), null, 16, _hoisted_3$b)), [
         [vModelDynamic, modelValue.value]
       ]);
     };
   }
 });
-const _hoisted_1$b = { class: "relative" };
-const _hoisted_2$a = ["id", "disabled", "aria-expanded", "aria-controls", "aria-invalid", "aria-describedby"];
-const _hoisted_3$9 = { class: "flex-1 truncate" };
-const _hoisted_4$7 = ["id", "aria-label"];
-const _hoisted_5$6 = {
+const _hoisted_1$d = { class: "relative" };
+const _hoisted_2$b = ["id", "disabled", "aria-expanded", "aria-controls", "aria-invalid", "aria-describedby"];
+const _hoisted_3$a = { class: "flex-1 truncate" };
+const _hoisted_4$8 = ["id", "aria-label"];
+const _hoisted_5$7 = {
   key: 0,
   class: "sticky top-0 border-b border-gray-200 bg-white p-2 dark:border-gray-700 dark:bg-gray-800"
 };
-const _hoisted_6$6 = { class: "flex items-center gap-2 rounded-md border border-gray-300 bg-gray-50 px-2 py-1.5 dark:border-gray-600 dark:bg-gray-900" };
+const _hoisted_6$7 = { class: "flex items-center gap-2 rounded-md border border-gray-300 bg-gray-50 px-2 py-1.5 dark:border-gray-600 dark:bg-gray-900" };
 const _hoisted_7$6 = {
   key: 1,
   class: "px-4 py-3 text-sm text-gray-500 dark:text-gray-400",
@@ -109,7 +150,7 @@ const _hoisted_10$3 = {
   "aria-hidden": "true"
 };
 const _hoisted_11$3 = { class: "flex-1" };
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "FormSelect",
   props: /* @__PURE__ */ mergeModels({
     options: {},
@@ -122,6 +163,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     name: {},
     required: { type: Boolean },
     describedBy: {},
+    icon: {},
+    iconRight: {},
     teleport: { type: Boolean, default: true },
     searchable: { type: Boolean, default: false },
     noResultsText: { default: "No results found" },
@@ -227,7 +270,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       return [base, state, text, props.triggerClass];
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
         createElementVNode("button", {
           id: triggerId.value,
           ref_key: "triggerRef",
@@ -247,14 +290,14 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             option: selectedOption.value,
             placeholder: __props.placeholder
           }, () => [
-            createElementVNode("span", _hoisted_3$9, toDisplayString(displayValue.value), 1)
+            createElementVNode("span", _hoisted_3$a, 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$a),
+        ], 42, _hoisted_2$b),
         (openBlock(), createBlock(Teleport, {
           to: "body",
           disabled: !__props.teleport
@@ -281,8 +324,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                   !__props.teleport && "absolute mt-1 w-full"
                 ])
               }, [
-                __props.searchable ? (openBlock(), createElementBlock("div", _hoisted_5$6, [
-                  createElementVNode("div", _hoisted_6$6, [
+                __props.searchable ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
+                  createElementVNode("div", _hoisted_6$7, [
                     createVNode(unref(Icon), {
                       icon: "lucide:search",
                       class: "size-4 text-gray-400",
@@ -336,7 +379,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                     ], 42, _hoisted_9$3);
                   }), 128))
                 ])
-              ], 14, _hoisted_4$7)) : createCommentVNode("", true)
+              ], 14, _hoisted_4$8)) : createCommentVNode("", true)
             ]),
             _: 3
           })
@@ -345,8 +388,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$a = ["hidden"];
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const _hoisted_1$c = ["hidden"];
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "FormGroup",
   props: /* @__PURE__ */ mergeModels({
     label: {},
@@ -363,6 +406,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     name: {},
     required: { type: Boolean },
     describedBy: {},
+    icon: {},
+    iconRight: {},
     options: {}
   }, {
     "modelValue": {},
@@ -385,7 +430,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       }, [
         renderSlot(_ctx.$slots, "default", {}, () => [
           renderSlot(_ctx.$slots, "label", {}, () => [
-            __props.label ? (openBlock(), createBlock(_sfc_main$e, {
+            __props.label ? (openBlock(), createBlock(_sfc_main$g, {
               key: 0,
               "html-for": inputId.value,
               error: __props.error
@@ -397,7 +442,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             }, 8, ["html-for", "error"])) : createCommentVNode("", true)
           ]),
           renderSlot(_ctx.$slots, "input", {}, () => [
-            isSelect.value ? (openBlock(), createBlock(_sfc_main$b, mergeProps({
+            isSelect.value ? (openBlock(), createBlock(_sfc_main$d, mergeProps({
               key: 0,
               modelValue: modelValue.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
@@ -405,7 +450,7 @@ const _sfc_main$a = /* @__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$c, mergeProps({
+            }), null, 16, ["modelValue", "id", "invalid", "described-by"])) : (openBlock(), createBlock(_sfc_main$e, mergeProps({
               key: 1,
               modelValue: modelValue.value,
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelValue.value = $event)
@@ -415,7 +460,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
               "described-by": hasError.value ? helpId.value : void 0
             }), null, 16, ["modelValue", "id", "invalid", "described-by"]))
           ]),
-          hasError.value ? (openBlock(), createBlock(_sfc_main$d, {
+          hasError.value ? (openBlock(), createBlock(_sfc_main$f, {
             key: 0,
             id: helpId.value,
             error: true
@@ -426,13 +471,13 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["id"])) : createCommentVNode("", true)
         ])
-      ], 12, _hoisted_1$a);
+      ], 12, _hoisted_1$c);
     };
   }
 });
-const _hoisted_1$9 = { class: "relative" };
-const _hoisted_2$9 = ["disabled", "placeholder", "value"];
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$b = { class: "relative" };
+const _hoisted_2$a = ["disabled", "placeholder", "value"];
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "SearchInput",
   props: {
     modelValue: {},
@@ -448,7 +493,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       emit("update:modelValue", target.value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
         createVNode(unref(Icon), {
           icon: __props.icon,
           class: "absolute top-1/2 left-3 size-5 -translate-y-1/2 text-gray-400"
@@ -460,19 +505,19 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           class: "focus:border-primary focus:ring-primary w-full rounded-lg border border-gray-300 bg-white py-2 pr-4 pl-10 text-gray-900 placeholder-gray-400 transition-colors disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-100 dark:placeholder-gray-500",
           type: "text",
           onInput: handleInput
-        }, null, 40, _hoisted_2$9)
+        }, null, 40, _hoisted_2$a)
       ]);
     };
   }
 });
-const _hoisted_1$8 = ["id", "aria-checked", "aria-labelledby", "aria-describedby", "disabled"];
-const _hoisted_2$8 = {
+const _hoisted_1$a = ["id", "aria-checked", "aria-labelledby", "aria-describedby", "disabled"];
+const _hoisted_2$9 = {
   key: 0,
   class: "flex flex-col"
 };
-const _hoisted_3$8 = ["id"];
-const _hoisted_4$6 = ["id"];
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _hoisted_3$9 = ["id"];
+const _hoisted_4$7 = ["id"];
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "Switch",
   props: {
     modelValue: { type: Boolean, default: false },
@@ -536,35 +581,35 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             ]),
             "aria-hidden": "true"
           }, null, 2)
-        ], 10, _hoisted_1$8),
-        __props.label || __props.description ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
+        ], 10, _hoisted_1$a),
+        __props.label || __props.description ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
           __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$8)) : createCommentVNode("", true),
+          }, toDisplayString(__props.label), 9, _hoisted_3$9)) : 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$6)) : createCommentVNode("", true)
+          }, toDisplayString(__props.description), 9, _hoisted_4$7)) : createCommentVNode("", true)
         ])) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const _hoisted_1$7 = { class: "w-full" };
-const _hoisted_2$7 = {
+const _hoisted_1$9 = { class: "w-full" };
+const _hoisted_2$8 = {
   key: 0,
   class: "mb-2 flex justify-between text-sm"
 };
-const _hoisted_3$7 = { class: "text-gray-600 dark:text-gray-400" };
-const _hoisted_4$5 = { class: "font-medium text-gray-900 dark:text-white" };
-const _hoisted_5$5 = { class: "text-gray-600 dark:text-gray-400" };
-const _hoisted_6$5 = { class: "relative" };
+const _hoisted_3$8 = { class: "text-gray-600 dark:text-gray-400" };
+const _hoisted_4$6 = { class: "font-medium text-gray-900 dark:text-white" };
+const _hoisted_5$6 = { class: "text-gray-600 dark:text-gray-400" };
+const _hoisted_6$6 = { class: "relative" };
 const _hoisted_7$5 = ["value", "min", "max", "step", "disabled"];
 const _hoisted_8$4 = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center" };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "Slider",
   props: /* @__PURE__ */ mergeModels({
     min: { default: 0 },
@@ -595,13 +640,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       modelValue.value = Number(target.value);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
-        __props.showValue ? (openBlock(), createElementBlock("div", _hoisted_2$7, [
-          createElementVNode("span", _hoisted_3$7, toDisplayString(__props.min), 1),
-          createElementVNode("span", _hoisted_4$5, toDisplayString(displayValue.value), 1),
-          createElementVNode("span", _hoisted_5$5, toDisplayString(__props.max), 1)
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
+        __props.showValue ? (openBlock(), createElementBlock("div", _hoisted_2$8, [
+          createElementVNode("span", _hoisted_3$8, toDisplayString(__props.min), 1),
+          createElementVNode("span", _hoisted_4$6, toDisplayString(displayValue.value), 1),
+          createElementVNode("span", _hoisted_5$6, toDisplayString(__props.max), 1)
         ])) : createCommentVNode("", true),
-        createElementVNode("div", _hoisted_6$5, [
+        createElementVNode("div", _hoisted_6$6, [
           createElementVNode("input", {
             type: "range",
             value: modelValue.value,
@@ -623,13 +668,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Slider = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-c25e2c2a"]]);
-const _hoisted_1$6 = { class: "relative" };
-const _hoisted_2$6 = ["id", "disabled", "aria-expanded", "aria-controls"];
-const _hoisted_3$6 = { class: "flex-1 truncate" };
-const _hoisted_4$4 = { class: "flex items-center gap-1" };
-const _hoisted_5$4 = ["id", "aria-label"];
-const _hoisted_6$4 = { class: "mb-4 flex items-center justify-between" };
+const Slider = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-c25e2c2a"]]);
+const _hoisted_1$8 = { class: "relative" };
+const _hoisted_2$7 = ["id", "disabled", "aria-expanded", "aria-controls"];
+const _hoisted_3$7 = { class: "flex-1 truncate" };
+const _hoisted_4$5 = { class: "flex items-center gap-1" };
+const _hoisted_5$5 = ["id", "aria-label"];
+const _hoisted_6$5 = { class: "mb-4 flex items-center justify-between" };
 const _hoisted_7$4 = {
   class: "font-medium text-gray-900 dark:text-white",
   "aria-live": "polite",
@@ -643,7 +688,7 @@ const _hoisted_9$2 = ["abbr"];
 const _hoisted_10$2 = ["id", "aria-label"];
 const _hoisted_11$2 = ["aria-label", "aria-selected", "aria-disabled", "disabled", "onClick"];
 const _hoisted_12$1 = { class: "mt-4 border-t border-gray-200 pt-3 dark:border-gray-700" };
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "DatePicker",
   props: /* @__PURE__ */ mergeModels({
     placeholder: { default: "Select date" },
@@ -767,7 +812,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       return formatter.format(date);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
         createElementVNode("button", {
           id: triggerId.value,
           ref_key: "triggerRef",
@@ -785,8 +830,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           onClick: _cache[0] || (_cache[0] = //@ts-ignore
           (...args) => unref(toggle) && unref(toggle)(...args))
         }, [
-          createElementVNode("span", _hoisted_3$6, toDisplayString(displayValue.value || __props.placeholder), 1),
-          createElementVNode("div", _hoisted_4$4, [
+          createElementVNode("span", _hoisted_3$7, toDisplayString(displayValue.value || __props.placeholder), 1),
+          createElementVNode("div", _hoisted_4$5, [
             modelValue.value ? (openBlock(), createElementBlock("button", {
               key: 0,
               type: "button",
@@ -806,7 +851,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               "aria-hidden": "true"
             })
           ])
-        ], 10, _hoisted_2$6),
+        ], 10, _hoisted_2$7),
         (openBlock(), createBlock(Teleport, {
           to: "body",
           disabled: !__props.teleport
@@ -831,7 +876,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                 style: normalizeStyle(unref(dropdownStyle)),
                 class: "z-9999 w-72 rounded-lg border border-gray-200 bg-white p-4 shadow-lg dark:border-gray-700 dark:bg-gray-800"
               }, [
-                createElementVNode("div", _hoisted_6$4, [
+                createElementVNode("div", _hoisted_6$5, [
                   createElementVNode("button", {
                     type: "button",
                     class: "rounded p-1 hover:bg-gray-100 dark:hover:bg-gray-700",
@@ -902,7 +947,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                     onClick: _cache[1] || (_cache[1] = ($event) => selectDate({ date: /* @__PURE__ */ new Date(), isDisabled: false }))
                   }, " Today ")
                 ])
-              ], 12, _hoisted_5$4)) : createCommentVNode("", true)
+              ], 12, _hoisted_5$5)) : createCommentVNode("", true)
             ]),
             _: 1
           })
@@ -911,15 +956,15 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$5 = { class: "space-y-4" };
-const _hoisted_2$5 = ["accept", "multiple", "disabled"];
-const _hoisted_3$5 = { class: "space-y-2" };
-const _hoisted_4$3 = { class: "text-sm font-medium text-gray-700 dark:text-gray-300" };
-const _hoisted_5$3 = {
+const _hoisted_1$7 = { class: "space-y-4" };
+const _hoisted_2$6 = ["accept", "multiple", "disabled"];
+const _hoisted_3$6 = { class: "space-y-2" };
+const _hoisted_4$4 = { class: "text-sm font-medium text-gray-700 dark:text-gray-300" };
+const _hoisted_5$4 = {
   key: 0,
   class: "text-xs text-gray-500 dark:text-gray-400"
 };
-const _hoisted_6$3 = {
+const _hoisted_6$4 = {
   key: 1,
   class: "text-xs text-gray-500 dark:text-gray-400"
 };
@@ -931,7 +976,7 @@ const _hoisted_8$2 = { class: "flex-1 min-w-0" };
 const _hoisted_9$1 = { class: "text-sm font-medium text-gray-700 dark:text-gray-300 truncate" };
 const _hoisted_10$1 = { class: "text-xs text-gray-500 dark:text-gray-400" };
 const _hoisted_11$1 = ["onClick"];
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "FileUpload",
   props: {
     accept: {},
@@ -1059,7 +1104,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       return "heroicons:document";
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
         createElementVNode("div", {
           class: normalizeClass(dropzoneClasses.value),
           onDrop: withModifiers(handleDrop, ["prevent"]),
@@ -1076,15 +1121,15 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
             multiple: __props.multiple,
             disabled: __props.disabled,
             onChange: handleInputChange
-          }, null, 40, _hoisted_2$5),
-          createElementVNode("div", _hoisted_3$5, [
+          }, null, 40, _hoisted_2$6),
+          createElementVNode("div", _hoisted_3$6, [
             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$3, toDisplayString(__props.label), 1),
-            __props.description ? (openBlock(), createElementBlock("p", _hoisted_5$3, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
-            __props.maxSize ? (openBlock(), createElementBlock("p", _hoisted_6$3, " Max size: " + toDisplayString(formatSize(__props.maxSize)), 1)) : createCommentVNode("", true)
+            createElementVNode("p", _hoisted_4$4, toDisplayString(__props.label), 1),
+            __props.description ? (openBlock(), createElementBlock("p", _hoisted_5$4, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
+            __props.maxSize ? (openBlock(), createElementBlock("p", _hoisted_6$4, " Max size: " + toDisplayString(formatSize(__props.maxSize)), 1)) : createCommentVNode("", true)
           ])
         ], 34),
         files.value.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_7$3, [
@@ -1118,13 +1163,13 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$4 = { class: "flex items-center gap-1" };
-const _hoisted_2$4 = ["disabled", "onClick", "onMousemove"];
-const _hoisted_3$4 = {
+const _hoisted_1$6 = { class: "flex items-center gap-1" };
+const _hoisted_2$5 = ["disabled", "onClick", "onMousemove"];
+const _hoisted_3$5 = {
   key: 0,
   class: "ml-2 text-sm font-medium text-gray-700 dark:text-gray-300"
 };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "Rating",
   props: {
     modelValue: { default: 0 },
@@ -1187,7 +1232,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       hoverValue.value = null;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
         createElementVNode("div", {
           class: "flex items-center",
           onMouseleave: handleMouseLeave
@@ -1219,29 +1264,29 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   class: normalizeClass([sizeClasses.value, __props.color])
                 }, null, 8, ["icon", "class"])
               ], 4)
-            ], 42, _hoisted_2$4);
+            ], 42, _hoisted_2$5);
           }), 128))
         ], 32),
-        __props.showValue ? (openBlock(), createElementBlock("span", _hoisted_3$4, toDisplayString(__props.modelValue.toFixed(__props.allowHalf ? 1 : 0)), 1)) : createCommentVNode("", true)
+        __props.showValue ? (openBlock(), createElementBlock("span", _hoisted_3$5, toDisplayString(__props.modelValue.toFixed(__props.allowHalf ? 1 : 0)), 1)) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const _hoisted_1$3 = { class: "relative inline-block" };
-const _hoisted_2$3 = {
+const _hoisted_1$5 = { class: "relative inline-block" };
+const _hoisted_2$4 = {
   key: 0,
   class: "block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1"
 };
-const _hoisted_3$3 = ["disabled"];
-const _hoisted_4$2 = { class: "text-sm font-mono text-gray-700 dark:text-gray-300" };
-const _hoisted_5$2 = { class: "grid grid-cols-5 gap-2 mb-3" };
-const _hoisted_6$2 = ["title", "onClick"];
+const _hoisted_3$4 = ["disabled"];
+const _hoisted_4$3 = { class: "text-sm font-mono text-gray-700 dark:text-gray-300" };
+const _hoisted_5$3 = { class: "grid grid-cols-5 gap-2 mb-3" };
+const _hoisted_6$3 = ["title", "onClick"];
 const _hoisted_7$2 = {
   key: 0,
   class: "flex items-center gap-2 pt-3 border-t border-gray-200 dark:border-gray-700"
 };
 const _hoisted_8$1 = ["value"];
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "ColorPicker",
   props: {
     modelValue: { default: "#3b82f6" },
@@ -1310,8 +1355,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       isOpen.value = false;
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
-        __props.label ? (openBlock(), createElementBlock("label", _hoisted_2$3, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+        __props.label ? (openBlock(), createElementBlock("label", _hoisted_2$4, 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 }]),
@@ -1322,12 +1367,12 @@ const _sfc_main$3 = /* @__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$2, toDisplayString(__props.modelValue), 1),
+          createElementVNode("span", _hoisted_4$3, 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$3),
+        ], 10, _hoisted_3$4),
         (openBlock(), createBlock(Teleport, {
           to: teleportTarget.value,
           disabled: teleportDisabled.value
@@ -1347,7 +1392,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                 onClick: _cache[1] || (_cache[1] = withModifiers(() => {
                 }, ["stop"]))
               }, [
-                createElementVNode("div", _hoisted_5$2, [
+                createElementVNode("div", _hoisted_5$3, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(__props.swatches, (color) => {
                     return openBlock(), createElementBlock("button", {
                       key: color,
@@ -1366,7 +1411,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
                           ["#ffffff", "#f9fafb", "#f3f4f6", "#e5e7eb", "#eab308", "#f59e0b"].includes(color) ? "text-gray-800" : "text-white"
                         ]])
                       }, null, 8, ["class"])) : createCommentVNode("", true)
-                    ], 14, _hoisted_6$2);
+                    ], 14, _hoisted_6$3);
                   }), 128))
                 ]),
                 __props.showInput ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
@@ -1401,16 +1446,16 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$2 = { class: "space-y-2" };
-const _hoisted_2$2 = {
+const _hoisted_1$4 = { class: "space-y-2" };
+const _hoisted_2$3 = {
   key: 0,
   class: "flex justify-between text-sm font-medium text-gray-700 dark:text-gray-300"
 };
-const _hoisted_3$2 = {
+const _hoisted_3$3 = {
   key: 1,
   class: "flex justify-between text-xs text-gray-500 dark:text-gray-400"
 };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "RangeSlider",
   props: {
     modelValue: { default: () => [25, 75] },
@@ -1488,8 +1533,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        __props.showLabels ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
+      return openBlock(), createElementBlock("div", _hoisted_1$4, [
+        __props.showLabels ? (openBlock(), createElementBlock("div", _hoisted_2$3, [
           createElementVNode("span", null, toDisplayString(__props.formatLabel(minValue.value)), 1),
           createElementVNode("span", null, toDisplayString(__props.formatLabel(maxValue.value)), 1)
         ])) : createCommentVNode("", true),
@@ -1522,7 +1567,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
             onMousedown: _cache[1] || (_cache[1] = ($event) => handleMouseDown("max"))
           }, null, 38)
         ], 2),
-        __props.showMinMax ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
+        __props.showMinMax ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
           createElementVNode("span", null, toDisplayString(__props.formatLabel(__props.min)), 1),
           createElementVNode("span", null, toDisplayString(__props.formatLabel(__props.max)), 1)
         ])) : createCommentVNode("", true)
@@ -1530,18 +1575,18 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = ["aria-expanded", "aria-controls"];
-const _hoisted_2$1 = ["id", "name", "placeholder", "disabled", "aria-controls"];
-const _hoisted_3$1 = { class: "flex items-center gap-1" };
-const _hoisted_4$1 = ["id", "aria-label", "aria-multiselectable"];
-const _hoisted_5$1 = ["aria-selected", "aria-disabled", "disabled", "onClick"];
-const _hoisted_6$1 = { class: "flex-1" };
+const _hoisted_1$3 = ["aria-expanded", "aria-controls"];
+const _hoisted_2$2 = ["id", "name", "placeholder", "disabled", "aria-controls"];
+const _hoisted_3$2 = { class: "flex items-center gap-1" };
+const _hoisted_4$2 = ["id", "aria-label", "aria-multiselectable"];
+const _hoisted_5$2 = ["aria-selected", "aria-disabled", "disabled", "onClick"];
+const _hoisted_6$2 = { class: "flex-1" };
 const _hoisted_7$1 = {
   key: 1,
   class: "px-3 py-2 text-center text-sm text-gray-500 dark:text-gray-400",
   role: "status"
 };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "Combobox",
   props: {
     modelValue: {},
@@ -1672,10 +1717,10 @@ const _sfc_main$1 = /* @__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$1)), [
+          }, null, 8, _hoisted_2$2)), [
             [vModelText, search.value]
           ]),
-          createElementVNode("div", _hoisted_3$1, [
+          createElementVNode("div", _hoisted_3$2, [
             __props.clearable && selectedOptions.value.length > 0 && !__props.disabled ? (openBlock(), createElementBlock("button", {
               key: 0,
               type: "button",
@@ -1698,7 +1743,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               "aria-hidden": "true"
             }, null, 8, ["class"])
           ])
-        ], 10, _hoisted_1$1),
+        ], 10, _hoisted_1$3),
         (openBlock(), createBlock(Teleport, {
           to: teleportTarget.value,
           disabled: teleportDisabled.value
@@ -1748,16 +1793,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                         class: "size-3"
                       })) : createCommentVNode("", true)
                     ], 2)) : createCommentVNode("", true),
-                    createElementVNode("span", _hoisted_6$1, toDisplayString(option.label), 1),
+                    createElementVNode("span", _hoisted_6$2, toDisplayString(option.label), 1),
                     !__props.multiple && isSelected(option) ? (openBlock(), createBlock(unref(Icon), {
                       key: 1,
                       icon: "lucide:check",
                       class: "size-4 text-primary",
                       "aria-hidden": "true"
                     })) : createCommentVNode("", true)
-                  ], 10, _hoisted_5$1);
+                  ], 10, _hoisted_5$2);
                 }), 128)) : (openBlock(), createElementBlock("div", _hoisted_7$1, toDisplayString(__props.noResultsText), 1))
-              ], 8, _hoisted_4$1)) : createCommentVNode("", true)
+              ], 8, _hoisted_4$2)) : createCommentVNode("", true)
             ]),
             _: 1
           })
@@ -1766,18 +1811,18 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1 = { class: "relative" };
-const _hoisted_2 = {
+const _hoisted_1$2 = { class: "relative" };
+const _hoisted_2$1 = {
   key: 0,
   class: "text-red-500 ml-0.5"
 };
-const _hoisted_3 = ["id", "disabled", "aria-invalid", "aria-describedby"];
-const _hoisted_4 = {
+const _hoisted_3$1 = ["id", "disabled", "aria-invalid", "aria-describedby"];
+const _hoisted_4$1 = {
   key: 0,
   class: "flex items-center gap-2 flex-1"
 };
-const _hoisted_5 = { class: "flex h-8 w-8 items-center justify-center rounded bg-gray-100 dark:bg-gray-800" };
-const _hoisted_6 = { class: "text-gray-700 dark:text-gray-300 font-mono text-xs truncate" };
+const _hoisted_5$1 = { class: "flex size-8 items-center justify-center rounded bg-gray-100 dark:bg-gray-800" };
+const _hoisted_6$1 = { class: "text-gray-700 dark:text-gray-300 font-mono text-xs truncate" };
 const _hoisted_7 = {
   key: 1,
   class: "flex-1 text-gray-400 dark:text-gray-500"
@@ -1800,7 +1845,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 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "IconPicker",
   props: /* @__PURE__ */ mergeModels({
     label: {},
@@ -1924,15 +1969,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       searchQuery.value = "";
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        __props.label ? (openBlock(), createBlock(_sfc_main$e, {
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+        __props.label ? (openBlock(), createBlock(_sfc_main$g, {
           key: 0,
           "html-for": inputId.value,
           error: __props.error
         }, {
           default: withCtx(() => [
             createTextVNode(toDisplayString(__props.label) + " ", 1),
-            __props.required ? (openBlock(), createElementBlock("span", _hoisted_2, "*")) : createCommentVNode("", true)
+            __props.required ? (openBlock(), createElementBlock("span", _hoisted_2$1, "*")) : createCommentVNode("", true)
           ]),
           _: 1
         }, 8, ["html-for", "error"])) : createCommentVNode("", true),
@@ -1948,14 +1993,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]]),
           onClick: openPicker
         }, [
-          modelValue.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
-            createElementVNode("div", _hoisted_5, [
+          modelValue.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+            createElementVNode("div", _hoisted_5$1, [
               createVNode(unref(Icon), {
                 icon: modelValue.value,
-                class: "h-5 w-5 text-gray-700 dark:text-gray-300"
+                class: "size-5 text-gray-700 dark:text-gray-300"
               }, null, 8, ["icon"])
             ]),
-            createElementVNode("span", _hoisted_6, toDisplayString(modelValue.value), 1)
+            createElementVNode("span", _hoisted_6$1, toDisplayString(modelValue.value), 1)
           ])) : (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(__props.placeholder), 1)),
           modelValue.value && !__props.disabled ? (openBlock(), createElementBlock("button", {
             key: 2,
@@ -1965,15 +2010,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, [
             createVNode(unref(Icon), {
               icon: "lucide:x",
-              class: "h-4 w-4"
+              class: "size-4"
             })
           ])) : createCommentVNode("", true),
           createVNode(unref(Icon), {
             icon: "lucide:chevron-down",
-            class: "h-4 w-4 text-gray-400"
+            class: "size-4 text-gray-400"
           })
-        ], 10, _hoisted_3),
-        __props.help && !hasError.value ? (openBlock(), createBlock(_sfc_main$d, {
+        ], 10, _hoisted_3$1),
+        __props.help && !hasError.value ? (openBlock(), createBlock(_sfc_main$f, {
           key: 1,
           id: helpId.value
         }, {
@@ -1982,7 +2027,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["id"])) : createCommentVNode("", true),
-        hasError.value ? (openBlock(), createBlock(_sfc_main$d, {
+        hasError.value ? (openBlock(), createBlock(_sfc_main$f, {
           key: 2,
           id: helpId.value,
           error: true
@@ -2006,7 +2051,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_8, [
                 createVNode(unref(Icon), {
                   icon: "lucide:search",
-                  class: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-gray-400"
+                  class: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-gray-400"
                 }),
                 withDirectives(createElementVNode("input", {
                   "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => searchQuery.value = $event),
@@ -2020,7 +2065,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_10, [
                   createVNode(unref(Icon), {
                     icon: "lucide:loader-2",
-                    class: "h-4 w-4 animate-spin text-gray-400"
+                    class: "size-4 animate-spin text-gray-400"
                   })
                 ])) : createCommentVNode("", true)
               ]),
@@ -2030,7 +2075,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     return openBlock(), createElementBlock("button", {
                       key: icon,
                       type: "button",
-                      class: normalizeClass(["flex h-9 w-9 items-center justify-center rounded transition-colors", [
+                      class: normalizeClass(["flex size-9 items-center justify-center rounded transition-colors", [
                         modelValue.value === icon ? "bg-primary text-white" : "hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-700 dark:text-gray-300"
                       ]]),
                       title: icon,
@@ -2038,7 +2083,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, [
                       createVNode(unref(Icon), {
                         icon,
-                        class: "h-5 w-5"
+                        class: "size-5"
                       }, null, 8, ["icon"])
                     ], 10, _hoisted_14);
                   }), 128))
@@ -2059,21 +2104,215 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1$1 = { class: "flex items-center justify-between" };
+const _hoisted_2 = { class: "flex items-center gap-3" };
+const _hoisted_3 = { class: "text-lg font-semibold text-gray-900 dark:text-white" };
+const _hoisted_4 = {
+  key: 0,
+  class: "text-sm text-gray-500 dark:text-gray-400"
+};
+const _hoisted_5 = { class: "p-5 sm:p-6" };
+const _hoisted_6 = {
+  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$1 = /* @__PURE__ */ defineComponent({
+  __name: "FormSection",
+  props: /* @__PURE__ */ mergeModels({
+    title: {},
+    subtitle: {},
+    icon: {},
+    iconColor: { default: "primary" },
+    bordered: { type: Boolean, default: true },
+    collapsible: { type: Boolean, default: false },
+    collapsed: { type: Boolean, default: false }
+  }, {
+    "collapsed": { type: Boolean, ...{ default: false } },
+    "collapsedModifiers": {}
+  }),
+  emits: ["update:collapsed"],
+  setup(__props) {
+    const isCollapsed = useModel(__props, "collapsed");
+    function toggleCollapse() {
+      isCollapsed.value = !isCollapsed.value;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          "bg-white dark:bg-slate-800 rounded-2xl overflow-hidden",
+          __props.bordered && "border border-gray-100 dark:border-slate-700 shadow-sm"
+        ])
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass([
+            "p-5 border-b border-gray-100 dark:border-slate-700 bg-linear-to-r from-gray-50 to-white dark:from-slate-800 dark:to-slate-800",
+            __props.collapsible && "cursor-pointer hover:bg-gray-50 dark:hover:bg-slate-700/50 transition-colors"
+          ]),
+          onClick: _cache[0] || (_cache[0] = ($event) => __props.collapsible && toggleCollapse())
+        }, [
+          createElementVNode("div", _hoisted_1$1, [
+            createElementVNode("div", _hoisted_2, [
+              __props.icon ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass([
+                  "size-10 rounded-xl flex items-center justify-center",
+                  __props.iconColor === "primary" && "bg-primary-100 dark:bg-primary-900/30",
+                  __props.iconColor === "gray" && "bg-gray-100 dark:bg-slate-700",
+                  __props.iconColor === "success" && "bg-emerald-100 dark:bg-emerald-900/30",
+                  __props.iconColor === "warning" && "bg-amber-100 dark:bg-amber-900/30",
+                  __props.iconColor === "danger" && "bg-red-100 dark:bg-red-900/30"
+                ])
+              }, [
+                createVNode(unref(Icon), {
+                  icon: __props.icon,
+                  class: normalizeClass([
+                    "size-5",
+                    __props.iconColor === "primary" && "text-primary-600 dark:text-primary-400",
+                    __props.iconColor === "gray" && "text-gray-600 dark:text-gray-400",
+                    __props.iconColor === "success" && "text-emerald-600 dark:text-emerald-400",
+                    __props.iconColor === "warning" && "text-amber-600 dark:text-amber-400",
+                    __props.iconColor === "danger" && "text-red-600 dark:text-red-400"
+                  ])
+                }, null, 8, ["icon", "class"])
+              ], 2)) : createCommentVNode("", true),
+              createElementVNode("div", null, [
+                createElementVNode("h2", _hoisted_3, [
+                  renderSlot(_ctx.$slots, "title", {}, () => [
+                    createTextVNode(toDisplayString(__props.title), 1)
+                  ])
+                ]),
+                __props.subtitle ? (openBlock(), createElementBlock("p", _hoisted_4, [
+                  renderSlot(_ctx.$slots, "subtitle", {}, () => [
+                    createTextVNode(toDisplayString(__props.subtitle), 1)
+                  ])
+                ])) : createCommentVNode("", true)
+              ])
+            ]),
+            __props.collapsible ? (openBlock(), createElementBlock("button", {
+              key: 0,
+              type: "button",
+              class: "p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-slate-700 transition-colors",
+              onClick: withModifiers(toggleCollapse, ["stop"])
+            }, [
+              createVNode(unref(Icon), {
+                icon: "heroicons:chevron-down",
+                class: normalizeClass([
+                  "w-5 h-5 text-gray-400 transition-transform duration-200",
+                  isCollapsed.value && "-rotate-90"
+                ])
+              }, null, 8, ["class"])
+            ])) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "header-actions")
+          ])
+        ], 2),
+        withDirectives(createElementVNode("div", _hoisted_5, [
+          renderSlot(_ctx.$slots, "default")
+        ], 512), [
+          [vShow, !isCollapsed.value]
+        ]),
+        _ctx.$slots.footer ? withDirectives((openBlock(), createElementBlock("div", _hoisted_6, [
+          renderSlot(_ctx.$slots, "footer")
+        ], 512)), [
+          [vShow, !isCollapsed.value]
+        ]) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const _hoisted_1 = { key: 1 };
+const _sfc_main = /* @__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$h, {
+          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$h, {
+          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, toDisplayString(__props.loadingLabel || __props.submitLabel + "..."), 1))
+          ]),
+          _: 1
+        }, 8, ["variant", "disabled", "loading", "class"]),
+        renderSlot(_ctx.$slots, "extra")
+      ], 2);
+    };
+  }
+});
 export {
   Slider as S,
-  _sfc_main$e as _,
-  _sfc_main$d as a,
-  _sfc_main$c as b,
-  _sfc_main$b as c,
-  _sfc_main$a as d,
-  _sfc_main$9 as e,
-  _sfc_main$8 as f,
-  _sfc_main$6 as g,
-  _sfc_main$5 as h,
-  _sfc_main$4 as i,
-  _sfc_main$3 as j,
-  _sfc_main$2 as k,
-  _sfc_main$1 as l,
-  _sfc_main as m
+  _sfc_main$g as _,
+  _sfc_main$f as a,
+  _sfc_main$e as b,
+  _sfc_main$d as c,
+  _sfc_main$c as d,
+  _sfc_main$b as e,
+  _sfc_main$a as f,
+  _sfc_main$8 as g,
+  _sfc_main$7 as h,
+  _sfc_main$6 as i,
+  _sfc_main$5 as j,
+  _sfc_main$4 as k,
+  _sfc_main$3 as l,
+  _sfc_main$2 as m,
+  _sfc_main$1 as n,
+  _sfc_main as o
 };
-//# sourceMappingURL=IconPicker.vue_vue_type_script_setup_true_lang-Ch1x6Ap9.js.map
+//# sourceMappingURL=FormActions.vue_vue_type_script_setup_true_lang-d2aur5Pu.js.map