@enos5/enos-vue-default 1.7.6 → 1.8.0

package/dist/{plugin-BBFChsPh.js → plugin-ODQo1Iv8.js}

@@ -2,13 +2,13 @@ import { ref, computed, watch, openBlock, createElementBlock, createElementVNode
 import { LockClosedIcon, ChevronDownIcon, PhotoIcon, ExclamationCircleIcon, ExclamationTriangleIcon, ChevronUpIcon, MagnifyingGlassIcon, CheckIcon, PencilSquareIcon } from "@heroicons/vue/24/outline";
 import Editor from "@tinymce/tinymce-vue";
 import { Link } from "@inertiajs/vue3";
-const _hoisted_1$D = { class: "border-b border-neutral-200 bg-neutral-50/80 p-2 dark:border-neutral-800 dark:bg-neutral-900/80" };
-const _hoisted_2$n = {
+const _hoisted_1$E = { class: "border-b border-neutral-200 bg-neutral-50/80 p-2 dark:border-neutral-800 dark:bg-neutral-900/80" };
+const _hoisted_2$o = {
   role: "tablist",
   class: "flex overflow-hidden rounded-lg bg-white shadow-sm ring-1 ring-neutral-200 dark:bg-neutral-950 dark:ring-neutral-800"
 };
-const _hoisted_3$g = ["aria-selected", "tabindex", "onClick", "onKeydown"];
-const _sfc_main$S = {
+const _hoisted_3$h = ["aria-selected", "tabindex", "onClick", "onKeydown"];
+const _sfc_main$T = {
   __name: "CardTabs",
   props: {
     tabs: {
@@ -77,8 +77,8 @@ const _sfc_main$S = {
       focusTabAtIndex(targetIndex);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$D, [
-        createElementVNode("div", _hoisted_2$n, [
+      return openBlock(), createElementBlock("div", _hoisted_1$E, [
+        createElementVNode("div", _hoisted_2$o, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tab, index) => {
             return openBlock(), createElementBlock("button", {
               key: tab.value,
@@ -98,22 +98,22 @@ const _sfc_main$S = {
               ]),
               onClick: ($event) => activateTab(tab.value),
               onKeydown: ($event) => onTabKeydown($event, index)
-            }, toDisplayString(tab.label), 47, _hoisted_3$g);
+            }, toDisplayString(tab.label), 47, _hoisted_3$h);
           }), 128))
         ])
       ]);
     };
   }
 };
-const _hoisted_1$C = {
+const _hoisted_1$D = {
   key: 0,
   class: "mb-4"
 };
-const _hoisted_2$m = {
+const _hoisted_2$n = {
   key: 1,
   class: "mb-4 text-xl font-semibold tracking-tight text-neutral-950 dark:text-neutral-50"
 };
-const _sfc_main$R = {
+const _sfc_main$S = {
   __name: "Card",
   props: {
     title: {
@@ -174,7 +174,7 @@ const _sfc_main$R = {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["rounded-2xl border border-neutral-200 bg-white text-neutral-950 shadow-sm dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50", __props.overflowClass, { "sticky top-6 self-start": __props.sticky }, __props.cardClass])
       }, [
-        __props.tabs.length > 0 ? (openBlock(), createBlock(_sfc_main$S, {
+        __props.tabs.length > 0 ? (openBlock(), createBlock(_sfc_main$T, {
           key: 0,
           tabs: __props.tabs,
           "active-tab": __props.activeTab,
@@ -184,9 +184,9 @@ const _sfc_main$R = {
         createElementVNode("div", {
           class: normalizeClass(__props.paddingClass)
         }, [
-          _ctx.$slots.customTitle ? (openBlock(), createElementBlock("div", _hoisted_1$C, [
+          _ctx.$slots.customTitle ? (openBlock(), createElementBlock("div", _hoisted_1$D, [
             renderSlot(_ctx.$slots, "customTitle")
-          ])) : __props.title ? (openBlock(), createElementBlock("h3", _hoisted_2$m, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
+          ])) : __props.title ? (openBlock(), createElementBlock("h3", _hoisted_2$n, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
           createElementVNode("div", {
             class: normalizeClass(["relative", __props.tabs.length > 0 ? "overflow-hidden" : "overflow-visible"])
           }, [
@@ -219,7 +219,7 @@ const _sfc_main$R = {
     };
   }
 };
-const _sfc_main$Q = /* @__PURE__ */ Object.assign({
+const _sfc_main$R = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
 }, {
   __name: "Divider",
@@ -231,7 +231,7 @@ const _sfc_main$Q = /* @__PURE__ */ Object.assign({
     };
   }
 });
-const _sfc_main$P = {
+const _sfc_main$Q = {
   __name: "ActionCard",
   props: {
     title: {
@@ -246,13 +246,13 @@ const _sfc_main$P = {
   setup(__props) {
     const slots = useSlots();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$R, {
+      return openBlock(), createBlock(_sfc_main$S, {
         title: __props.title,
         "content-class": __props.actionsClass
       }, {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default"),
-          unref(slots).danger ? (openBlock(), createBlock(_sfc_main$Q, {
+          unref(slots).danger ? (openBlock(), createBlock(_sfc_main$R, {
             key: 0,
             class: "mt-6 pt-4"
           }, {
@@ -267,8 +267,8 @@ const _sfc_main$P = {
     };
   }
 };
-const _hoisted_1$B = { class: "text-sm text-gray-600" };
-const _sfc_main$O = {
+const _hoisted_1$C = { class: "text-sm text-gray-600" };
+const _sfc_main$P = {
   __name: "ActionMessage",
   props: {
     on: Boolean
@@ -282,7 +282,7 @@ const _sfc_main$O = {
           "leave-to-class": "opacity-0"
         }, {
           default: withCtx(() => [
-            withDirectives(createElementVNode("div", _hoisted_1$B, [
+            withDirectives(createElementVNode("div", _hoisted_1$C, [
               renderSlot(_ctx.$slots, "default")
             ], 512), [
               [vShow, __props.on]
@@ -301,19 +301,19 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$N = {};
-const _hoisted_1$A = { class: "md:col-span-1 flex justify-between" };
-const _hoisted_2$l = { class: "px-4 sm:px-0" };
-const _hoisted_3$f = { class: "text-xl font-semibold tracking-tight text-neutral-950 dark:text-neutral-50" };
-const _hoisted_4$a = { class: "mt-1 max-w-2xl text-sm text-neutral-600 dark:text-neutral-200" };
+const _sfc_main$O = {};
+const _hoisted_1$B = { class: "md:col-span-1 flex justify-between" };
+const _hoisted_2$m = { class: "px-4 sm:px-0" };
+const _hoisted_3$g = { class: "text-xl font-semibold tracking-tight text-neutral-950 dark:text-neutral-50" };
+const _hoisted_4$b = { class: "mt-1 max-w-2xl text-sm text-neutral-600 dark:text-neutral-200" };
 const _hoisted_5$8 = { class: "px-4 sm:px-0" };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$A, [
-    createElementVNode("div", _hoisted_2$l, [
-      createElementVNode("h3", _hoisted_3$f, [
+  return openBlock(), createElementBlock("div", _hoisted_1$B, [
+    createElementVNode("div", _hoisted_2$m, [
+      createElementVNode("h3", _hoisted_3$g, [
         renderSlot(_ctx.$slots, "title")
       ]),
-      createElementVNode("p", _hoisted_4$a, [
+      createElementVNode("p", _hoisted_4$b, [
         renderSlot(_ctx.$slots, "description")
       ])
     ]),
@@ -322,15 +322,15 @@ function _sfc_render(_ctx, _cache) {
     ])
   ]);
 }
-const SectionTitle = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render]]);
-const _hoisted_1$z = { class: "md:grid md:grid-cols-3 md:gap-6" };
-const _hoisted_2$k = { class: "mt-5 md:mt-0 md:col-span-2" };
-const _hoisted_3$e = { class: "rounded-lg border border-neutral-200 bg-white px-4 py-5 shadow-sm dark:border-neutral-800 dark:bg-neutral-950 sm:p-6" };
-const _sfc_main$M = {
+const SectionTitle = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render]]);
+const _hoisted_1$A = { class: "md:grid md:grid-cols-3 md:gap-6" };
+const _hoisted_2$l = { class: "mt-5 md:mt-0 md:col-span-2" };
+const _hoisted_3$f = { class: "rounded-lg border border-neutral-200 bg-white px-4 py-5 shadow-sm dark:border-neutral-800 dark:bg-neutral-950 sm:p-6" };
+const _sfc_main$N = {
   __name: "ActionSection",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$z, [
+      return openBlock(), createElementBlock("div", _hoisted_1$A, [
         createVNode(SectionTitle, null, {
           title: withCtx(() => [
             renderSlot(_ctx.$slots, "title")
@@ -340,8 +340,8 @@ const _sfc_main$M = {
           ]),
           _: 3
         }),
-        createElementVNode("div", _hoisted_2$k, [
-          createElementVNode("div", _hoisted_3$e, [
+        createElementVNode("div", _hoisted_2$l, [
+          createElementVNode("div", _hoisted_3$f, [
             renderSlot(_ctx.$slots, "content")
           ])
         ])
@@ -349,8 +349,8 @@ const _sfc_main$M = {
     };
   }
 };
-const _hoisted_1$y = { class: "sr-only" };
-const _sfc_main$L = {
+const _hoisted_1$z = { class: "sr-only" };
+const _sfc_main$M = {
   __name: "Badge",
   props: {
     type: {
@@ -415,7 +415,7 @@ const _sfc_main$L = {
         createElementVNode("span", {
           class: normalizeClass(["w-2 h-2 rounded-full", colorClasses[__props.color].dot])
         }, null, 2),
-        createElementVNode("span", _hoisted_1$y, [
+        createElementVNode("span", _hoisted_1$z, [
           renderSlot(_ctx.$slots, "default")
         ])
       ], 2)) : (openBlock(), createElementBlock("span", {
@@ -432,8 +432,8 @@ const _sfc_main$L = {
     };
   }
 };
-const _hoisted_1$x = ["type", "disabled"];
-const _sfc_main$K = /* @__PURE__ */ Object.assign({
+const _hoisted_1$y = ["type", "disabled"];
+const _sfc_main$L = /* @__PURE__ */ Object.assign({
   inheritAttrs: false
 }, {
   __name: "Button",
@@ -500,12 +500,12 @@ const _sfc_main$K = /* @__PURE__ */ Object.assign({
         class: buttonClasses.value
       }), [
         renderSlot(_ctx.$slots, "default")
-      ], 16, _hoisted_1$x);
+      ], 16, _hoisted_1$y);
     };
   }
 });
-const _hoisted_1$w = ["value"];
-const _sfc_main$J = {
+const _hoisted_1$x = ["value"];
+const _sfc_main$K = {
   __name: "Checkbox",
   props: {
     checked: {
@@ -535,14 +535,14 @@ const _sfc_main$J = {
         type: "checkbox",
         value: __props.value,
         class: "rounded border-neutral-300 text-neutral-900 shadow-sm focus:ring-neutral-900 dark:border-neutral-700 dark:bg-neutral-950 dark:text-neutral-100 dark:focus:ring-neutral-100"
-      }, null, 8, _hoisted_1$w)), [
+      }, null, 8, _hoisted_1$x)), [
         [vModelCheckbox, proxyChecked.value]
       ]);
     };
   }
 };
-const _hoisted_1$v = ["name", "checked", "disabled"];
-const _sfc_main$I = {
+const _hoisted_1$w = ["name", "checked", "disabled"];
+const _sfc_main$J = {
   __name: "CheckboxInput",
   props: {
     modelValue: {
@@ -602,7 +602,7 @@ const _sfc_main$I = {
           onChange,
           onFocus: handleFocus,
           onBlur: handleBlur
-        }, null, 40, _hoisted_1$v),
+        }, null, 40, _hoisted_1$w),
         createElementVNode("span", {
           class: normalizeClass(["inline-flex h-4 w-4 items-center justify-center border text-[10px] font-bold leading-none", [
             isChecked.value ? "border-current bg-white/15 text-current dark:bg-neutral-900/15" : "border-neutral-400 text-transparent dark:border-neutral-500",
@@ -614,13 +614,13 @@ const _sfc_main$I = {
     };
   }
 };
-const _hoisted_1$u = { class: "relative flex items-center" };
-const _hoisted_2$j = {
+const _hoisted_1$v = { class: "relative flex items-center" };
+const _hoisted_2$k = {
   key: 0,
   class: "absolute inset-y-0 left-0 flex items-center pointer-events-none pl-3"
 };
-const _hoisted_3$d = ["type", "value", "disabled"];
-const _hoisted_4$9 = ["aria-label"];
+const _hoisted_3$e = ["type", "value", "disabled"];
+const _hoisted_4$a = ["aria-label"];
 const _hoisted_5$7 = {
   key: 0,
   class: "h-5 w-5",
@@ -635,8 +635,8 @@ const _hoisted_6$7 = {
   stroke: "currentColor",
   viewBox: "0 0 24 24"
 };
-const DEFAULT_MAX_LENGTH$1 = 254;
-const _sfc_main$H = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const DEFAULT_MAX_LENGTH$2 = 254;
+const _sfc_main$I = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "TextInput",
   props: {
     modelValue: {
@@ -666,7 +666,7 @@ const _sfc_main$H = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     const inputAttrs = computed(() => {
       const { class: _class, type: _type, ...rest } = attrs;
       if (rest.maxlength === void 0) {
-        rest.maxlength = DEFAULT_MAX_LENGTH$1;
+        rest.maxlength = DEFAULT_MAX_LENGTH$2;
       }
       return rest;
     });
@@ -695,8 +695,8 @@ const _sfc_main$H = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     });
     __expose({ focus: () => input.value?.focus() });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$u, [
-        isPasswordField.value ? (openBlock(), createElementBlock("div", _hoisted_2$j, [
+      return openBlock(), createElementBlock("div", _hoisted_1$v, [
+        isPasswordField.value ? (openBlock(), createElementBlock("div", _hoisted_2$k, [
           createVNode(unref(LockClosedIcon), { class: "h-5 w-5 text-neutral-400 dark:text-neutral-200" })
         ])) : createCommentVNode("", true),
         createElementVNode("input", mergeProps({
@@ -710,7 +710,7 @@ const _sfc_main$H = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
           onInput: _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event.target.value)),
           onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur", $event)),
           onWheel: handleWheel
-        }), null, 16, _hoisted_3$d),
+        }), null, 16, _hoisted_3$e),
         isPasswordField.value ? (openBlock(), createElementBlock("button", {
           key: 1,
           type: "button",
@@ -739,14 +739,14 @@ const _sfc_main$H = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
               d: "M2.458 12C3.732 7.943 7.523 5 12 5s8.268 2.943 9.542 7c-1.274 4.057-5.065 7-9.542 7S3.732 16.057 2.458 12z"
             }, null, -1)
           ])]))
-        ], 8, _hoisted_4$9)) : createCommentVNode("", true)
+        ], 8, _hoisted_4$a)) : createCommentVNode("", true)
       ]);
     };
   }
 });
-const _hoisted_1$t = ["value", "disabled"];
-const DEFAULT_MAX_LENGTH = 1e3;
-const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _hoisted_1$u = ["value", "disabled"];
+const DEFAULT_MAX_LENGTH$1 = 1e3;
+const _sfc_main$H = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "TextArea",
   props: {
     modelValue: String,
@@ -772,7 +772,7 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     const textareaAttrs = computed(() => {
       const { class: _class, ...rest } = attrs;
       if (rest.maxlength === void 0) {
-        rest.maxlength = DEFAULT_MAX_LENGTH;
+        rest.maxlength = DEFAULT_MAX_LENGTH$1;
       }
       return rest;
     });
@@ -816,18 +816,18 @@ const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
           value: props.modelValue,
           disabled: props.disabled,
           onInput: updateValue
-        }), null, 16, _hoisted_1$t)
+        }), null, 16, _hoisted_1$u)
       ]);
     };
   }
 });
-const _hoisted_1$s = ["onClick"];
-const _hoisted_2$i = {
+const _hoisted_1$t = ["onClick"];
+const _hoisted_2$j = {
   key: 0,
   class: "flex items-center gap-3"
 };
-const _hoisted_3$c = ["checked", "disabled", "onChange"];
-const _sfc_main$F = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _hoisted_3$d = ["checked", "disabled", "onChange"];
+const _sfc_main$G = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "CustomSelect",
   props: {
     modelValue: {
@@ -1185,7 +1185,7 @@ const _sfc_main$F = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                       ]),
                       onClick: withModifiers(($event) => __props.multiple ? toggleMultipleOption(option) : selectOption(option), ["stop"])
                     }, [
-                      __props.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$i, [
+                      __props.multiple ? (openBlock(), createElementBlock("div", _hoisted_2$j, [
                         createElementVNode("input", {
                           type: "checkbox",
                           class: "h-4 w-4 rounded border-neutral-300 text-neutral-900 focus:ring-neutral-900",
@@ -1195,7 +1195,7 @@ const _sfc_main$F = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                           onClick: _cache[0] || (_cache[0] = withModifiers(() => {
                           }, ["stop"])),
                           onChange: withModifiers(($event) => toggleMultipleOption(option), ["stop"])
-                        }, null, 40, _hoisted_3$c),
+                        }, null, 40, _hoisted_3$d),
                         createElementVNode("span", {
                           style: normalizeStyle(darkTextStyle.value)
                         }, toDisplayString(optionText(option)), 5)
@@ -1203,7 +1203,7 @@ const _sfc_main$F = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                         key: 1,
                         style: normalizeStyle(darkTextStyle.value)
                       }, toDisplayString(optionText(option)), 5))
-                    ], 10, _hoisted_1$s);
+                    ], 10, _hoisted_1$t);
                   }), 128))
                 ], 2)
               ], 6)) : createCommentVNode("", true)
@@ -1215,7 +1215,7 @@ const _sfc_main$F = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     };
   }
 });
-const _sfc_main$E = {
+const _sfc_main$F = {
   __name: "SelectInput",
   props: {
     modelValue: {
@@ -1307,7 +1307,7 @@ const _sfc_main$E = {
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$F, mergeProps({
+      return openBlock(), createBlock(_sfc_main$G, mergeProps({
         "model-value": __props.modelValue,
         "model-modifiers": __props.modelModifiers,
         options: __props.options,
@@ -1334,8 +1334,8 @@ const _sfc_main$E = {
     };
   }
 };
-const _hoisted_1$r = ["type", "max", "value", "disabled"];
-const _sfc_main$D = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _hoisted_1$s = ["type", "max", "value", "disabled"];
+const _sfc_main$E = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "DateInput",
   props: {
     modelValue: {
@@ -1415,18 +1415,18 @@ const _sfc_main$D = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
         disabled: props.disabled,
         onInput: handleDateInput,
         onChange: handleDateInput
-      }), null, 16, _hoisted_1$r);
+      }), null, 16, _hoisted_1$s);
     };
   }
 });
-const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-35dd480a"]]);
-const _hoisted_1$q = { class: "relative" };
-const _hoisted_2$h = {
+const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-35dd480a"]]);
+const _hoisted_1$r = { class: "relative" };
+const _hoisted_2$i = {
   key: 0,
   class: "text-sm font-medium text-neutral-700 dark:text-neutral-300 mb-1 block"
 };
-const _hoisted_3$b = ["value", "disabled"];
-const _hoisted_4$8 = { class: "p-4" };
+const _hoisted_3$c = ["value", "disabled"];
+const _hoisted_4$9 = { class: "p-4" };
 const _hoisted_5$6 = { class: "mb-4 flex items-center justify-between" };
 const _hoisted_6$6 = { class: "text-sm font-medium text-neutral-900 dark:text-neutral-50" };
 const _hoisted_7$6 = { class: "grid grid-cols-7 gap-1 mb-2" };
@@ -1438,7 +1438,7 @@ const _hoisted_12$2 = { class: "text-xs text-neutral-500 dark:text-neutral-400"
 const _hoisted_13$2 = { key: 0 };
 const _hoisted_14$2 = { key: 1 };
 const _hoisted_15$2 = { key: 2 };
-const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _sfc_main$D = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "DateRangeInput",
   props: {
     modelValue: {
@@ -1705,8 +1705,8 @@ const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
       document.removeEventListener("click", closeCalendar);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$q, [
-        __props.label ? (openBlock(), createElementBlock("label", _hoisted_2$h, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+      return openBlock(), createElementBlock("div", _hoisted_1$r, [
+        __props.label ? (openBlock(), createElementBlock("label", _hoisted_2$i, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
         createElementVNode("input", {
           ref_key: "inputRef",
           ref: inputRef,
@@ -1715,7 +1715,7 @@ const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
           value: displayText.value,
           disabled: props.disabled,
           onClick: toggleCalendar
-        }, null, 10, _hoisted_3$b),
+        }, null, 10, _hoisted_3$c),
         isOpen.value ? (openBlock(), createElementBlock("div", {
           key: 1,
           ref_key: "calendarRef",
@@ -1724,7 +1724,7 @@ const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
           onClick: _cache[0] || (_cache[0] = withModifiers(() => {
           }, ["stop"]))
         }, [
-          createElementVNode("div", _hoisted_4$8, [
+          createElementVNode("div", _hoisted_4$9, [
             createElementVNode("div", _hoisted_5$6, [
               createElementVNode("button", {
                 type: "button",
@@ -1822,11 +1822,11 @@ const _sfc_main$C = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     };
   }
 });
-const DateRangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-60a85ab0"]]);
-const _hoisted_1$p = { class: "relative" };
-const _hoisted_2$g = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" };
-const _hoisted_3$a = ["accept"];
-const _hoisted_4$7 = {
+const DateRangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-60a85ab0"]]);
+const _hoisted_1$q = { class: "relative" };
+const _hoisted_2$h = { class: "absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none" };
+const _hoisted_3$b = ["accept"];
+const _hoisted_4$8 = {
   key: 0,
   class: "mt-4 rounded-lg border border-neutral-200 bg-neutral-50 p-4 dark:border-neutral-800 dark:bg-neutral-900/50"
 };
@@ -1834,7 +1834,7 @@ const _hoisted_5$5 = { class: "flex items-center space-x-4" };
 const _hoisted_6$5 = ["src"];
 const _hoisted_7$5 = { class: "text-sm font-medium text-neutral-900 dark:text-neutral-50" };
 const _hoisted_8$3 = { class: "text-xs text-neutral-500 dark:text-neutral-200" };
-const _sfc_main$B = {
+const _sfc_main$C = {
   __name: "ImageInput",
   props: {
     currentImageUrl: {
@@ -1868,8 +1868,8 @@ const _sfc_main$B = {
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        createElementVNode("div", _hoisted_1$p, [
-          createElementVNode("div", _hoisted_2$g, [
+        createElementVNode("div", _hoisted_1$q, [
+          createElementVNode("div", _hoisted_2$h, [
             createVNode(unref(PhotoIcon), { class: "size-5 text-neutral-400 dark:text-neutral-200" })
           ]),
           createElementVNode("input", mergeProps(__props.attrs, {
@@ -1877,9 +1877,9 @@ const _sfc_main$B = {
             accept: __props.accept,
             class: "block w-full cursor-pointer rounded-lg border border-neutral-200 bg-white py-3 pl-10 pr-4 text-sm text-neutral-700 shadow-sm transition-all duration-200 file:mr-4 file:rounded-md file:border-0 file:bg-neutral-900 file:px-4 file:py-2 file:text-sm file:font-medium file:text-neutral-50 hover:file:bg-neutral-800 focus:border-neutral-900 focus:outline-none focus:ring-2 focus:ring-neutral-950/10 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-100 dark:file:bg-neutral-800 dark:file:text-neutral-50 dark:hover:file:bg-neutral-700 dark:focus:border-neutral-100 dark:focus:ring-neutral-100/10",
             onChange: handleFileChange
-          }), null, 16, _hoisted_3$a)
+          }), null, 16, _hoisted_3$b)
         ]),
-        props.currentImageUrl ? (openBlock(), createElementBlock("div", _hoisted_4$7, [
+        props.currentImageUrl ? (openBlock(), createElementBlock("div", _hoisted_4$8, [
           createElementVNode("div", _hoisted_5$5, [
             createElementVNode("img", {
               src: props.currentImageUrl,
@@ -1896,9 +1896,9 @@ const _sfc_main$B = {
     };
   }
 };
-const _hoisted_1$o = { class: "flex h-12 overflow-hidden rounded-lg border border-neutral-200 bg-white text-sm dark:border-neutral-800 dark:bg-neutral-950" };
-const _hoisted_2$f = ["disabled", "onClick"];
-const _sfc_main$A = {
+const _hoisted_1$p = { class: "flex h-12 overflow-hidden rounded-lg border border-neutral-200 bg-white text-sm dark:border-neutral-800 dark:bg-neutral-950" };
+const _hoisted_2$g = ["disabled", "onClick"];
+const _sfc_main$B = {
   __name: "NotationInput",
   props: {
     modelValue: {
@@ -1924,7 +1924,7 @@ const _sfc_main$A = {
     const isSelected = (option) => String(option) === String(props.modelValue ?? "");
     const selectOption = (option) => emit("update:modelValue", option);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$o, [
+      return openBlock(), createElementBlock("div", _hoisted_1$p, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option, idx) => {
           return openBlock(), createElementBlock("button", {
             key: `notation-${idx}-${option}`,
@@ -1937,14 +1937,14 @@ const _sfc_main$A = {
             ]]),
             disabled: __props.disabled,
             onClick: ($event) => selectOption(option)
-          }, toDisplayString(option), 11, _hoisted_2$f);
+          }, toDisplayString(option), 11, _hoisted_2$g);
         }), 128))
       ]);
     };
   }
 };
-const _hoisted_1$n = ["name", "value", "checked", "disabled"];
-const _sfc_main$z = {
+const _hoisted_1$o = ["name", "value", "checked", "disabled"];
+const _sfc_main$A = {
   __name: "RadioInput",
   props: {
     modelValue: {
@@ -1999,18 +1999,18 @@ const _sfc_main$z = {
           onChange,
           onFocus: handleFocus,
           onBlur: handleBlur
-        }, null, 40, _hoisted_1$n),
+        }, null, 40, _hoisted_1$o),
         createElementVNode("span", null, toDisplayString(isChecked.value ? "✓" : "○") + " " + toDisplayString(__props.label), 1)
       ], 2);
     };
   }
 };
-const _hoisted_1$m = ["name", "checked", "disabled"];
-const _hoisted_2$e = {
+const _hoisted_1$n = ["name", "checked", "disabled"];
+const _hoisted_2$f = {
   key: 0,
   class: "text-sm text-neutral-700 dark:text-neutral-200"
 };
-const _sfc_main$y = {
+const _sfc_main$z = {
   __name: "ToggleInput",
   props: {
     modelValue: {
@@ -2073,7 +2073,7 @@ const _sfc_main$y = {
           onChange,
           onFocus: handleFocus,
           onBlur: handleBlur
-        }, null, 40, _hoisted_1$m),
+        }, null, 40, _hoisted_1$n),
         createElementVNode("span", {
           "aria-hidden": "true",
           class: normalizeClass(["relative inline-flex h-6 w-11 items-center rounded-full border transition-colors duration-200", [
@@ -2084,13 +2084,13 @@ const _sfc_main$y = {
             class: normalizeClass(["inline-block size-4 rounded-full bg-white shadow-sm transition-transform duration-200 dark:bg-neutral-950", [isChecked.value ? "translate-x-6" : "translate-x-1"]])
           }, null, 2)
         ], 2),
-        __props.label ? (openBlock(), createElementBlock("span", _hoisted_2$e, toDisplayString(__props.label), 1)) : createCommentVNode("", true)
+        __props.label ? (openBlock(), createElementBlock("span", _hoisted_2$f, toDisplayString(__props.label), 1)) : createCommentVNode("", true)
       ], 2);
     };
   }
 };
-const _hoisted_1$l = { class: "flex flex-wrap gap-3" };
-const _sfc_main$x = {
+const _hoisted_1$m = { class: "flex flex-wrap gap-3" };
+const _sfc_main$y = {
   __name: "RadioMultipleInput",
   props: {
     modelValue: {
@@ -2119,9 +2119,9 @@ const _sfc_main$x = {
     });
     const selectOption = (option) => emit("update:modelValue", option);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$l, [
+      return openBlock(), createElementBlock("div", _hoisted_1$m, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option) => {
-          return openBlock(), createBlock(_sfc_main$v, {
+          return openBlock(), createBlock(_sfc_main$w, {
             key: `radio-${__props.name ?? "group"}-${option}`,
             type: "radio-input",
             "model-value": props.modelValue,
@@ -2136,11 +2136,11 @@ const _sfc_main$x = {
     };
   }
 };
-const _hoisted_1$k = {
+const _hoisted_1$l = {
   key: 0,
   class: "min-h-[12rem] w-full rounded-lg border border-slate-300 bg-slate-50"
 };
-const _sfc_main$w = {
+const _sfc_main$x = {
   __name: "TinyEditor",
   props: {
     modelValue: {
@@ -2247,7 +2247,7 @@ const _sfc_main$w = {
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", { key: editorKey.value }, [
-        !isEditorReady.value ? (openBlock(), createElementBlock("div", _hoisted_1$k)) : (openBlock(), createBlock(unref(Editor), {
+        !isEditorReady.value ? (openBlock(), createElementBlock("div", _hoisted_1$l)) : (openBlock(), createBlock(unref(Editor), {
           key: 1,
           "initial-value": content.value,
           "license-key": __props.licenseKey,
@@ -2261,17 +2261,17 @@ const _sfc_main$w = {
     };
   }
 };
-const _hoisted_1$j = ["for"];
-const _hoisted_2$d = {
+const _hoisted_1$k = ["for"];
+const _hoisted_2$e = {
   key: 1,
   class: "text-xs text-gray-500 mb-1 block"
 };
-const _hoisted_3$9 = {
+const _hoisted_3$a = {
   key: 17,
   class: "flex items-center mt-2 text-sm text-red-600"
 };
 const defaultFieldClass = "block w-full rounded-lg border border-neutral-200 bg-white px-4 py-3 text-sm text-neutral-950 placeholder:text-neutral-400 shadow-sm transition-all duration-200 focus:border-neutral-900 focus:outline-none focus:ring-2 focus:ring-neutral-950/10 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50 dark:placeholder:text-neutral-500 dark:focus:border-neutral-100 dark:focus:ring-neutral-100/10";
-const _sfc_main$v = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+const _sfc_main$w = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "InputGroup",
   props: {
     type: {
@@ -2636,15 +2636,15 @@ const _sfc_main$v = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
           key: 0,
           for: fieldId.value,
           class: "text-base font-semibold text-gray-900 dark:text-gray-50 mb-1 block"
-        }, toDisplayString(__props.label), 9, _hoisted_1$j)) : createCommentVNode("", true),
-        __props.helperText && !showsInlineChoiceControl.value ? (openBlock(), createElementBlock("span", _hoisted_2$d, toDisplayString(__props.helperText), 1)) : createCommentVNode("", true),
-        isTextareaType.value ? (openBlock(), createBlock(_sfc_main$G, mergeProps({ key: 2 }, textAreaBindings.value, {
+        }, toDisplayString(__props.label), 9, _hoisted_1$k)) : createCommentVNode("", true),
+        __props.helperText && !showsInlineChoiceControl.value ? (openBlock(), createElementBlock("span", _hoisted_2$e, toDisplayString(__props.helperText), 1)) : createCommentVNode("", true),
+        isTextareaType.value ? (openBlock(), createBlock(_sfc_main$H, mergeProps({ key: 2 }, textAreaBindings.value, {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[1] || (_cache[1] = ($event) => emit("blur", $event))
-        }), null, 16)) : isTinyEditorType.value ? (openBlock(), createBlock(_sfc_main$w, mergeProps({ key: 3 }, tinyEditorBindings.value, {
+        }), null, 16)) : isTinyEditorType.value ? (openBlock(), createBlock(_sfc_main$x, mergeProps({ key: 3 }, tinyEditorBindings.value, {
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[3] || (_cache[3] = ($event) => emit("blur", $event))
-        }), null, 16)) : isSelectType.value ? (openBlock(), createBlock(_sfc_main$E, mergeProps({ key: 4 }, selectBindings.value, {
+        }), null, 16)) : isSelectType.value ? (openBlock(), createBlock(_sfc_main$F, mergeProps({ key: 4 }, selectBindings.value, {
           "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[5] || (_cache[5] = ($event) => emit("blur", $event))
         }), null, 16)) : isDateType.value ? (openBlock(), createBlock(DateInput, mergeProps({ key: 5 }, dateBindings.value, {
@@ -2653,28 +2653,28 @@ const _sfc_main$v = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
         }), null, 16)) : isDateRangeType.value ? (openBlock(), createBlock(DateRangeInput, mergeProps({ key: 6 }, dateRangeBindings.value, {
           "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[9] || (_cache[9] = ($event) => emit("blur", $event))
-        }), null, 16)) : isTextLikeType.value ? (openBlock(), createBlock(_sfc_main$H, mergeProps({ key: 7 }, textInputBindings.value, {
+        }), null, 16)) : isTextLikeType.value ? (openBlock(), createBlock(_sfc_main$I, mergeProps({ key: 7 }, textInputBindings.value, {
           "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[11] || (_cache[11] = ($event) => emit("blur", $event))
-        }), null, 16)) : isImageType.value ? (openBlock(), createBlock(_sfc_main$B, mergeProps({ key: 8 }, imageBindings.value, {
+        }), null, 16)) : isImageType.value ? (openBlock(), createBlock(_sfc_main$C, mergeProps({ key: 8 }, imageBindings.value, {
           "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[13] || (_cache[13] = ($event) => emit("blur", $event))
-        }), null, 16)) : isCheckboxSingleType.value ? (openBlock(), createBlock(_sfc_main$I, mergeProps({ key: 9 }, checkboxSingleBindings.value, {
+        }), null, 16)) : isCheckboxSingleType.value ? (openBlock(), createBlock(_sfc_main$J, mergeProps({ key: 9 }, checkboxSingleBindings.value, {
           "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[15] || (_cache[15] = ($event) => emit("blur", $event))
-        }), null, 16)) : isRadioSingleType.value ? (openBlock(), createBlock(_sfc_main$z, mergeProps({ key: 10 }, radioSingleBindings.value, {
+        }), null, 16)) : isRadioSingleType.value ? (openBlock(), createBlock(_sfc_main$A, mergeProps({ key: 10 }, radioSingleBindings.value, {
           "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[17] || (_cache[17] = ($event) => emit("blur", $event))
-        }), null, 16)) : isToggleSingleType.value ? (openBlock(), createBlock(_sfc_main$y, mergeProps({ key: 11 }, toggleSingleBindings.value, {
+        }), null, 16)) : isToggleSingleType.value ? (openBlock(), createBlock(_sfc_main$z, mergeProps({ key: 11 }, toggleSingleBindings.value, {
           "onUpdate:modelValue": _cache[18] || (_cache[18] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[19] || (_cache[19] = ($event) => emit("blur", $event))
-        }), null, 16)) : isNotationType.value ? (openBlock(), createBlock(_sfc_main$A, mergeProps({ key: 12 }, notationBindings.value, {
+        }), null, 16)) : isNotationType.value ? (openBlock(), createBlock(_sfc_main$B, mergeProps({ key: 12 }, notationBindings.value, {
           "onUpdate:modelValue": _cache[20] || (_cache[20] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[21] || (_cache[21] = ($event) => emit("blur", $event))
-        }), null, 16)) : isCheckboxType.value ? (openBlock(), createBlock(_sfc_main$u, mergeProps({ key: 13 }, checkboxBindings.value, {
+        }), null, 16)) : isCheckboxType.value ? (openBlock(), createBlock(_sfc_main$v, mergeProps({ key: 13 }, checkboxBindings.value, {
           "onUpdate:modelValue": _cache[22] || (_cache[22] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[23] || (_cache[23] = ($event) => emit("blur", $event))
-        }), null, 16)) : isRadioType.value ? (openBlock(), createBlock(_sfc_main$x, mergeProps({ key: 14 }, radioBindings.value, {
+        }), null, 16)) : isRadioType.value ? (openBlock(), createBlock(_sfc_main$y, mergeProps({ key: 14 }, radioBindings.value, {
           "onUpdate:modelValue": _cache[24] || (_cache[24] = ($event) => emit("update:modelValue", $event)),
           onBlur: _cache[25] || (_cache[25] = ($event) => emit("blur", $event))
         }), null, 16)) : isNoComponentType.value ? renderSlot(_ctx.$slots, "unsupported-type", {
@@ -2690,7 +2690,7 @@ const _sfc_main$v = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
           updateValue,
           attrs: unref(attrs)
         }),
-        hasError.value ? (openBlock(), createElementBlock("div", _hoisted_3$9, [
+        hasError.value ? (openBlock(), createElementBlock("div", _hoisted_3$a, [
           createVNode(unref(ExclamationCircleIcon), { class: "mr-1 h-4 w-4 flex-shrink-0" }),
           createElementVNode("span", null, toDisplayString(__props.errorMessage), 1)
         ])) : createCommentVNode("", true)
@@ -2698,8 +2698,8 @@ const _sfc_main$v = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     };
   }
 });
-const _hoisted_1$i = { class: "flex flex-wrap gap-3" };
-const _sfc_main$u = {
+const _hoisted_1$j = { class: "flex flex-wrap gap-3" };
+const _sfc_main$v = {
   __name: "CheckboxMultipleInput",
   props: {
     modelValue: {
@@ -2740,9 +2740,9 @@ const _sfc_main$u = {
       emit("update:modelValue", nextSelection);
     };
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$i, [
+      return openBlock(), createElementBlock("div", _hoisted_1$j, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(normalizedOptions.value, (option) => {
-          return openBlock(), createBlock(_sfc_main$v, {
+          return openBlock(), createBlock(_sfc_main$w, {
             key: `checkbox-${option}`,
             type: "checkbox-input",
             name: __props.name,
@@ -2758,6 +2758,153 @@ const _sfc_main$u = {
     };
   }
 };
+const _hoisted_1$i = { class: "relative" };
+const _hoisted_2$d = ["disabled", "aria-label"];
+const _hoisted_3$9 = ["value", "disabled"];
+const _hoisted_4$7 = ["value", "disabled"];
+const DEFAULT_COLOR = "#000000";
+const DEFAULT_MAX_LENGTH = 7;
+const _sfc_main$u = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
+  __name: "ColorPicker",
+  props: {
+    modelValue: {
+      type: [String, null],
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    disabledClass: {
+      type: String,
+      default: "!border-neutral-200 !bg-neutral-100 !text-neutral-500 dark:!border-neutral-800 dark:!bg-neutral-900 dark:!text-neutral-500"
+    }
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const attrs = useAttrs();
+    const textInput = ref(null);
+    const nativeInput = ref(null);
+    const normalizeHexColor = (value) => {
+      if (typeof value !== "string") {
+        return "";
+      }
+      const trimmed = value.trim();
+      if (trimmed === "") {
+        return "";
+      }
+      const withHash = trimmed.startsWith("#") ? trimmed : `#${trimmed}`;
+      const shortMatch = withHash.match(/^#([0-9a-fA-F]{3})$/);
+      if (shortMatch) {
+        const [, shortValue] = shortMatch;
+        return `#${shortValue.split("").map((char) => char.repeat(2)).join("").toUpperCase()}`;
+      }
+      const longMatch = withHash.match(/^#([0-9a-fA-F]{6})$/);
+      if (longMatch) {
+        return `#${longMatch[1].toUpperCase()}`;
+      }
+      return "";
+    };
+    const normalizedModelValue = computed(() => normalizeHexColor(props.modelValue));
+    const fallbackColor = computed(() => normalizedModelValue.value || DEFAULT_COLOR);
+    const displayValue = ref(normalizedModelValue.value);
+    const textInputAttrs = computed(() => {
+      const { class: _class, type: _type, ...rest } = attrs;
+      if (rest.maxlength === void 0) {
+        rest.maxlength = DEFAULT_MAX_LENGTH;
+      }
+      return rest;
+    });
+    const textInputClasses = computed(() => [
+      "w-full min-w-0 rounded-lg border border-neutral-200 bg-white px-4 py-3 text-sm text-neutral-950 shadow-sm outline-none transition-colors placeholder:text-neutral-400 focus:border-neutral-900 focus:ring-2 focus:ring-neutral-950/10 dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50 dark:placeholder:text-neutral-500 dark:focus:border-neutral-100 dark:focus:ring-neutral-100/10",
+      "pl-16",
+      attrs.class
+    ]);
+    watch(normalizedModelValue, (nextValue) => {
+      displayValue.value = nextValue;
+    });
+    const emitNormalizedColor = (value) => {
+      const normalized = normalizeHexColor(value);
+      if (!normalized) {
+        return false;
+      }
+      emit("update:modelValue", normalized);
+      return true;
+    };
+    const handleTextInput = (event) => {
+      const nextValue = String(event.target?.value ?? "");
+      displayValue.value = nextValue;
+      emitNormalizedColor(nextValue);
+    };
+    const handleNativeInput = (event) => {
+      const nextValue = String(event.target?.value ?? "");
+      const normalized = normalizeHexColor(nextValue) || DEFAULT_COLOR;
+      displayValue.value = normalized;
+      emit("update:modelValue", normalized);
+    };
+    const handleBlur = (event) => {
+      displayValue.value = normalizedModelValue.value;
+      emit("blur", event);
+    };
+    const openNativePicker = () => {
+      if (props.disabled) {
+        return;
+      }
+      nativeInput.value?.click();
+    };
+    onMounted(() => {
+      if (textInput.value?.hasAttribute("autofocus")) {
+        textInput.value.focus();
+      }
+    });
+    __expose({ focus: () => textInput.value?.focus() });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$i, [
+        createElementVNode("button", {
+          type: "button",
+          class: normalizeClass(["absolute inset-y-0 left-0 my-2 ml-2 inline-flex w-10 items-center justify-center rounded-md border border-neutral-200 bg-white shadow-sm transition-colors focus:outline-none focus:ring-2 focus:ring-neutral-950/10 dark:border-neutral-800 dark:bg-neutral-950 dark:focus:ring-neutral-100/10", props.disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer"]),
+          disabled: props.disabled,
+          "aria-label": `Choose color${normalizedModelValue.value ? ` ${normalizedModelValue.value}` : ""}`,
+          onClick: openNativePicker
+        }, [
+          createElementVNode("span", {
+            class: "h-5 w-5 rounded border border-black/10 dark:border-white/10",
+            style: normalizeStyle({ backgroundColor: fallbackColor.value })
+          }, null, 4)
+        ], 10, _hoisted_2$d),
+        createElementVNode("input", {
+          ref_key: "nativeInput",
+          ref: nativeInput,
+          type: "color",
+          tabindex: "-1",
+          "aria-hidden": "true",
+          class: "pointer-events-none absolute h-0 w-0 opacity-0",
+          value: fallbackColor.value,
+          disabled: props.disabled,
+          onInput: handleNativeInput,
+          onChange: handleNativeInput
+        }, null, 40, _hoisted_3$9),
+        createElementVNode("input", mergeProps({
+          ref_key: "textInput",
+          ref: textInput
+        }, textInputAttrs.value, {
+          type: "text",
+          inputmode: "text",
+          spellcheck: "false",
+          autocapitalize: "characters",
+          placeholder: "#RRGGBB",
+          class: [textInputClasses.value, props.disabled ? props.disabledClass : null],
+          value: displayValue.value,
+          disabled: props.disabled,
+          onInput: handleTextInput,
+          onBlur: handleBlur
+        }), null, 16, _hoisted_4$7)
+      ]);
+    };
+  }
+});
 const _sfc_main$t = {
   __name: "Modal",
   props: {
@@ -3395,7 +3542,7 @@ const _sfc_main$k = {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$9, [
         createElementVNode("div", _hoisted_2$7, [
-          createVNode(_sfc_main$Q)
+          createVNode(_sfc_main$R)
         ])
       ]);
     };
@@ -3921,7 +4068,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { state, toggleSidebar } = useSidebar();
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$K, {
+      return openBlock(), createBlock(_sfc_main$L, {
         "data-sidebar": "trigger",
         "data-slot": "sidebar-trigger",
         variant: "ghost",
@@ -4172,7 +4319,7 @@ const _sfc_main$4 = {
           ]),
           __props.showDeletedToggle || __props.count !== null || _ctx.$slots.controls ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
             __props.showDeletedToggle ? (openBlock(), createElementBlock("div", _hoisted_8$2, [
-              createVNode(_sfc_main$y, {
+              createVNode(_sfc_main$z, {
                 modelValue: showDeletedModel.value,
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showDeletedModel.value = $event),
                 label: __props.showDeletedLabel
@@ -4990,7 +5137,7 @@ const _sfc_main$2 = {
                       isEditingRow(item, index) && column.slot && unref(slots)[getEditSlotName(column)] ? renderSlot(_ctx.$slots, getEditSlotName(column), mergeProps({
                         key: 0,
                         ref_for: true
-                      }, getSlotBindings(item, column, index))) : isEditingRow(item, index) && column.input ? (openBlock(), createBlock(_sfc_main$v, {
+                      }, getSlotBindings(item, column, index))) : isEditingRow(item, index) && column.input ? (openBlock(), createBlock(_sfc_main$w, {
                         key: 1,
                         type: getInputType(column),
                         class: normalizeClass(getInputClass(column)),
@@ -5023,7 +5170,7 @@ const _sfc_main$2 = {
                         key: 0,
                         ref_for: true
                       }, getSlotBindings(item, null, index))) : createCommentVNode("", true),
-                      __props.rowEditing && isEditingRow(item, index) ? (openBlock(), createBlock(_sfc_main$K, {
+                      __props.rowEditing && isEditingRow(item, index) ? (openBlock(), createBlock(_sfc_main$L, {
                         key: 1,
                         type: "button",
                         variant: "outline",
@@ -5036,7 +5183,7 @@ const _sfc_main$2 = {
                           createVNode(unref(CheckIcon), { class: "size-4" })
                         ]),
                         _: 1
-                      }, 8, ["title", "aria-label", "onClick"])) : __props.rowEditing ? (openBlock(), createBlock(_sfc_main$K, {
+                      }, 8, ["title", "aria-label", "onClick"])) : __props.rowEditing ? (openBlock(), createBlock(_sfc_main$L, {
                         key: 2,
                         type: "button",
                         variant: "secondary",
@@ -5209,37 +5356,38 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 });
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ActionCard: _sfc_main$P,
-  ActionMessage: _sfc_main$O,
-  ActionSection: _sfc_main$M,
-  Badge: _sfc_main$L,
-  Button: _sfc_main$K,
-  Card: _sfc_main$R,
-  CardTabs: _sfc_main$S,
-  Checkbox: _sfc_main$J,
-  CheckboxInput: _sfc_main$I,
-  CheckboxMultipleInput: _sfc_main$u,
+  ActionCard: _sfc_main$Q,
+  ActionMessage: _sfc_main$P,
+  ActionSection: _sfc_main$N,
+  Badge: _sfc_main$M,
+  Button: _sfc_main$L,
+  Card: _sfc_main$S,
+  CardTabs: _sfc_main$T,
+  Checkbox: _sfc_main$K,
+  CheckboxInput: _sfc_main$J,
+  CheckboxMultipleInput: _sfc_main$v,
+  ColorPicker: _sfc_main$u,
   ConfirmationModal: _sfc_main$s,
-  CustomSelect: _sfc_main$F,
+  CustomSelect: _sfc_main$G,
   DateInput,
   DateRangeInput,
   DialogModal: _sfc_main$r,
-  Divider: _sfc_main$Q,
+  Divider: _sfc_main$R,
   Dropdown: _sfc_main$q,
   DropdownLink: _sfc_main$p,
   FormSection: _sfc_main$o,
-  ImageInput: _sfc_main$B,
+  ImageInput: _sfc_main$C,
   InputError: _sfc_main$n,
-  InputGroup: _sfc_main$v,
+  InputGroup: _sfc_main$w,
   InputLabel: _sfc_main$m,
   LinkButton: _sfc_main$l,
   Modal: _sfc_main$t,
-  NotationInput: _sfc_main$A,
-  RadioInput: _sfc_main$z,
-  RadioMultipleInput: _sfc_main$x,
+  NotationInput: _sfc_main$B,
+  RadioInput: _sfc_main$A,
+  RadioMultipleInput: _sfc_main$y,
   SectionBorder: _sfc_main$k,
   SectionTitle,
-  SelectInput: _sfc_main$E,
+  SelectInput: _sfc_main$F,
   Sidebar: _sfc_main$j,
   SidebarContent: _sfc_main$i,
   SidebarFooter: _sfc_main$h,
@@ -5257,13 +5405,13 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   TableList: _sfc_main$3,
   TableListForm: _sfc_main$2,
   TableSearch: _sfc_main$4,
-  TextArea: _sfc_main$G,
-  TextInput: _sfc_main$H,
+  TextArea: _sfc_main$H,
+  TextInput: _sfc_main$I,
   ThSortable: _sfc_main$5,
-  TinyEditor: _sfc_main$w,
+  TinyEditor: _sfc_main$x,
   Toast: _sfc_main$1,
   ToastContainer: _sfc_main,
-  ToggleInput: _sfc_main$y,
+  ToggleInput: _sfc_main$z,
   useSidebar
 }, Symbol.toStringTag, { value: "Module" }));
 const plugin = {
@@ -5274,62 +5422,63 @@ const plugin = {
   }
 };
 export {
-  _sfc_main$1 as $,
-  _sfc_main$x as A,
-  _sfc_main$k as B,
-  _sfc_main$E as C,
+  _sfc_main$x as $,
+  _sfc_main$A as A,
+  _sfc_main$y as B,
+  _sfc_main$k as C,
   DateInput as D,
-  _sfc_main$j as E,
-  _sfc_main$i as F,
-  _sfc_main$h as G,
-  _sfc_main$g as H,
-  _sfc_main$f as I,
-  _sfc_main$e as J,
-  _sfc_main$d as K,
-  _sfc_main$c as L,
-  _sfc_main$b as M,
-  _sfc_main$a as N,
-  _sfc_main$9 as O,
-  _sfc_main$8 as P,
-  _sfc_main$7 as Q,
-  _sfc_main$6 as R,
+  _sfc_main$F as E,
+  _sfc_main$j as F,
+  _sfc_main$i as G,
+  _sfc_main$h as H,
+  _sfc_main$g as I,
+  _sfc_main$f as J,
+  _sfc_main$e as K,
+  _sfc_main$d as L,
+  _sfc_main$c as M,
+  _sfc_main$b as N,
+  _sfc_main$a as O,
+  _sfc_main$9 as P,
+  _sfc_main$8 as Q,
+  _sfc_main$7 as R,
   SectionTitle as S,
-  _sfc_main$3 as T,
-  _sfc_main$2 as U,
-  _sfc_main$4 as V,
-  _sfc_main$G as W,
+  _sfc_main$6 as T,
+  _sfc_main$3 as U,
+  _sfc_main$2 as V,
+  _sfc_main$4 as W,
   _sfc_main$H as X,
-  _sfc_main$5 as Y,
-  _sfc_main$w as Z,
-  _sfc_main$P as _,
-  _sfc_main$O as a,
-  _sfc_main as a0,
-  _sfc_main$y as a1,
-  useSidebar as a2,
-  _sfc_main$M as b,
-  _sfc_main$L as c,
-  _sfc_main$K as d,
-  _sfc_main$R as e,
-  _sfc_main$S as f,
-  _sfc_main$J as g,
-  _sfc_main$I as h,
-  _sfc_main$u as i,
-  _sfc_main$s as j,
-  _sfc_main$F as k,
-  DateRangeInput as l,
-  _sfc_main$r as m,
-  _sfc_main$Q as n,
-  _sfc_main$q as o,
-  _sfc_main$p as p,
-  plugin as q,
-  _sfc_main$o as r,
-  _sfc_main$B as s,
-  _sfc_main$n as t,
-  _sfc_main$v as u,
-  _sfc_main$m as v,
-  _sfc_main$l as w,
-  _sfc_main$t as x,
-  _sfc_main$A as y,
-  _sfc_main$z as z
+  _sfc_main$I as Y,
+  _sfc_main$5 as Z,
+  _sfc_main$Q as _,
+  _sfc_main$P as a,
+  _sfc_main$1 as a0,
+  _sfc_main as a1,
+  _sfc_main$z as a2,
+  useSidebar as a3,
+  _sfc_main$N as b,
+  _sfc_main$M as c,
+  _sfc_main$L as d,
+  _sfc_main$S as e,
+  _sfc_main$T as f,
+  _sfc_main$K as g,
+  _sfc_main$J as h,
+  _sfc_main$v as i,
+  _sfc_main$u as j,
+  _sfc_main$s as k,
+  _sfc_main$G as l,
+  DateRangeInput as m,
+  _sfc_main$r as n,
+  _sfc_main$R as o,
+  _sfc_main$q as p,
+  _sfc_main$p as q,
+  plugin as r,
+  _sfc_main$o as s,
+  _sfc_main$C as t,
+  _sfc_main$n as u,
+  _sfc_main$w as v,
+  _sfc_main$m as w,
+  _sfc_main$l as x,
+  _sfc_main$t as y,
+  _sfc_main$B as z
 };
-//# sourceMappingURL=plugin-BBFChsPh.js.map
+//# sourceMappingURL=plugin-ODQo1Iv8.js.map