@enos5/enos-vue-default 1.8.2 → 1.8.4

package/README.md

@@ -54,6 +54,10 @@ Or import individual components:
 import { Button, ColorPicker, TextInput } from '@enos5/enos-vue-default'
 ```
 
+`ColorPicker` resolves its built-in UI labels through `vue-i18n` using the English copy as keys. If your app wants localized picker chrome, define translations for keys such as `Color`, `Selected color`, `Pick color from screen`, `Hue`, `Opacity`, `Hex value`, `Saturation and brightness for {color}`, and `Rainbow color area for {color}`.
+
+`DateInput` and `DateRangeInput` default to English locale behavior. Pass `locale` to override that, and for native browser date fields remember the final picker UI is still browser-controlled, with `lang` used as the locale hint.
+
 Styles are loaded automatically when you import the package entrypoint, so consumers do not have to remember a separate CSS import.
 
 If a consuming app wants earlier stylesheet loading during `npm run dev`, it can opt into the stable stylesheet entry explicitly:

package/dist/components/DateInput.vue.d.ts

@@ -5,6 +5,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (StringConstructor | NumberConstructor | null)[];
         default: string;
     };
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
     withTimestamp: {
         type: BooleanConstructor;
         default: boolean;
@@ -26,6 +30,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
         type: (StringConstructor | NumberConstructor | null)[];
         default: string;
     };
+    locale: {
+        type: StringConstructor;
+        default: string;
+    };
     withTimestamp: {
         type: BooleanConstructor;
         default: boolean;
@@ -44,5 +52,6 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     disabled: boolean;
     modelValue: string | number | null;
     disabledClass: string;
+    locale: string;
     withTimestamp: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/DateRangeInput.vue.d.ts

@@ -98,9 +98,9 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     modelValue: Record<string, any>;
     disabledClass: string;
     placeholder: string;
+    locale: string;
     max: string;
     min: string;
     minDays: number;
     maxDays: number;
-    locale: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/InputGroup.vue.d.ts

@@ -395,12 +395,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     optionClass: string | unknown[] | Record<string, any>;
     deletedOptionClass: string | unknown[] | Record<string, any>;
     placeholderClass: string | unknown[] | Record<string, any>;
+    locale: string;
     withTimestamp: boolean;
     max: string;
     min: string;
     minDays: number;
     maxDays: number;
-    locale: string;
     currentImageUrl: string;
     accept: string;
     currentLabel: string;
@@ -419,6 +419,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     allowAlpha: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
+    label?: ((props: {
+        label: string;
+        for: string | undefined;
+    }) => any) | undefined;
+} & {
     'unsupported-type'?: ((props: {
         type: string;
         modelValue: string | number | boolean | unknown[] | null;

package/dist/index.js

@@ -1,5 +1,5 @@
 import './styles.css';
-import { _, a, b, c, d, e, f, g, h, i, C, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, S, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1, a2, a3 } from "./plugin-DYTVm2W1.js";
+import { _, a, b, c, d, e, f, g, h, i, C, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, S, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1, a2, a3 } from "./plugin-CG0XGuww.js";
 export {
   _ as ActionCard,
   a as ActionMessage,

package/dist/index.node.js

@@ -1,4 +1,4 @@
-import { _, a, b, c, d, e, f, g, h, i, C, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, S, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1, a2, a3 } from "./plugin-DYTVm2W1.js";
+import { _, a, b, c, d, e, f, g, h, i, C, j, k, D, l, m, n, o, p, q, r, s, t, u, v, w, x, y, z, A, B, S, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, T, U, V, W, X, Y, Z, $, a0, a1, a2, a3 } from "./plugin-CG0XGuww.js";
 export {
   _ as ActionCard,
   a as ActionMessage,

package/dist/{plugin-DYTVm2W1.js → plugin-CG0XGuww.js}

@@ -1,6 +1,7 @@
 import { ref, computed, watch, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, normalizeStyle, toDisplayString, createBlock, createCommentVNode, renderSlot, createVNode, Transition, withCtx, mergeProps, useSlots, unref, withDirectives, vShow, useAttrs, vModelCheckbox, onMounted, nextTick, onBeforeUnmount, Teleport, withModifiers, onUnmounted, inject, provide, defineComponent, isVNode, cloneVNode, resolveDynamicComponent, createTextVNode, h, vModelText, createSlots } from "vue";
 import { LockClosedIcon, ChevronDownIcon, PhotoIcon, EyeDropperIcon, ExclamationCircleIcon, ExclamationTriangleIcon, ChevronUpIcon, MagnifyingGlassIcon, CheckIcon, PencilSquareIcon } from "@heroicons/vue/24/outline";
 import Editor from "@tinymce/tinymce-vue";
+import { useI18n } from "vue-i18n";
 import { Link } from "@inertiajs/vue3";
 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 = {
@@ -1334,7 +1335,7 @@ const _sfc_main$F = {
     };
   }
 };
-const _hoisted_1$s = ["type", "max", "value", "disabled"];
+const _hoisted_1$s = ["type", "lang", "max", "value", "disabled"];
 const _sfc_main$E = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
   __name: "DateInput",
   props: {
@@ -1342,6 +1343,10 @@ const _sfc_main$E = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
       type: [String, Number, null],
       default: ""
     },
+    locale: {
+      type: String,
+      default: "en"
+    },
     withTimestamp: {
       type: Boolean,
       default: false
@@ -1363,6 +1368,10 @@ const _sfc_main$E = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     const input = ref(null);
     const inputType = computed(() => props.withTimestamp ? "datetime-local" : "date");
     const normalizedValue = computed(() => props.modelValue ?? "");
+    const inputLang = computed(() => {
+      const lang = attrs.lang;
+      return typeof lang === "string" && lang !== "" ? lang : props.locale;
+    });
     const cappedMax = computed(() => {
       const limit = props.withTimestamp ? "9999-12-31T23:59" : "9999-12-31";
       const incoming = attrs.max;
@@ -1372,7 +1381,7 @@ const _sfc_main$E = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
       return incoming > limit ? limit : incoming;
     });
     const inputAttrs = computed(() => {
-      const { class: _class, type: _type, ...rest } = attrs;
+      const { class: _class, type: _type, lang: _lang, ...rest } = attrs;
       return rest;
     });
     const inputClasses = computed(() => [
@@ -1409,6 +1418,7 @@ const _sfc_main$E = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
         ref: input
       }, inputAttrs.value, {
         type: inputType.value,
+        lang: inputLang.value,
         max: cappedMax.value,
         class: [inputClasses.value, props.disabled ? props.disabledClass : null],
         value: normalizedValue.value,
@@ -1419,7 +1429,7 @@ const _sfc_main$E = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     };
   }
 });
-const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-35dd480a"]]);
+const DateInput = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-c8cee934"]]);
 const _hoisted_1$r = { class: "relative" };
 const _hoisted_2$i = {
   key: 0,
@@ -1479,7 +1489,7 @@ const _sfc_main$D = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     },
     locale: {
       type: String,
-      default: "fr-CA"
+      default: "en"
     }
   },
   emits: ["update:modelValue"],
@@ -1822,7 +1832,7 @@ const _sfc_main$D = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     };
   }
 });
-const DateRangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-60a85ab0"]]);
+const DateRangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-5c96a933"]]);
 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"];
@@ -2266,41 +2276,43 @@ const _hoisted_2$e = ["name", "value", "disabled", "required"];
 const _hoisted_3$a = ["disabled", "aria-expanded"];
 const _hoisted_4$7 = { class: "color-picker-checker relative inline-flex size-10 shrink-0 overflow-hidden rounded-lg border border-neutral-200 dark:border-neutral-700" };
 const _hoisted_5$5 = { class: "min-w-0 flex-1" };
-const _hoisted_6$5 = { class: "block truncate font-mono text-sm text-neutral-900 dark:text-neutral-50" };
-const _hoisted_7$5 = { class: "rounded-2xl border border-neutral-200 bg-white/96 p-4 shadow-2xl shadow-neutral-950/12 backdrop-blur dark:border-neutral-800 dark:bg-neutral-950/96 dark:shadow-black/30" };
-const _hoisted_8$3 = { class: "flex items-start gap-3" };
-const _hoisted_9$3 = { class: "color-picker-checker relative size-14 shrink-0 overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700" };
-const _hoisted_10$3 = { class: "min-w-0 flex-1" };
-const _hoisted_11$3 = { class: "truncate font-mono text-base text-neutral-900 dark:text-neutral-50" };
-const _hoisted_12$2 = ["disabled"];
-const _hoisted_13$2 = { class: "mt-4 space-y-4" };
-const _hoisted_14$2 = ["aria-label", "aria-valuenow"];
-const _hoisted_15$2 = {
+const _hoisted_6$5 = { class: "block text-xs font-medium uppercase tracking-[0.16em] text-neutral-500 dark:text-neutral-400" };
+const _hoisted_7$5 = { class: "block truncate font-mono text-sm text-neutral-900 dark:text-neutral-50" };
+const _hoisted_8$3 = { class: "rounded-2xl border border-neutral-200 bg-white/96 p-4 shadow-2xl shadow-neutral-950/12 backdrop-blur dark:border-neutral-800 dark:bg-neutral-950/96 dark:shadow-black/30" };
+const _hoisted_9$3 = { class: "flex items-start gap-3" };
+const _hoisted_10$3 = { class: "color-picker-checker relative size-14 shrink-0 overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700" };
+const _hoisted_11$3 = { class: "min-w-0 flex-1" };
+const _hoisted_12$2 = { class: "text-xs font-medium uppercase tracking-[0.16em] text-neutral-500 dark:text-neutral-400" };
+const _hoisted_13$2 = { class: "truncate font-mono text-base text-neutral-900 dark:text-neutral-50" };
+const _hoisted_14$2 = ["disabled", "aria-label"];
+const _hoisted_15$2 = { class: "mt-4 space-y-4" };
+const _hoisted_16$1 = ["aria-label", "aria-valuenow"];
+const _hoisted_17$1 = {
   key: 0,
   class: "absolute inset-0 bg-[linear-gradient(to_right,#fff,transparent)]"
 };
-const _hoisted_16$1 = {
+const _hoisted_18$1 = {
   key: 2,
   class: "absolute inset-0 bg-[linear-gradient(to_top,#000,transparent)]"
 };
-const _hoisted_17$1 = { class: "space-y-3" };
-const _hoisted_18$1 = {
+const _hoisted_19 = { class: "space-y-3" };
+const _hoisted_20 = {
   key: 0,
   class: "space-y-2"
 };
-const _hoisted_19 = { class: "flex items-center justify-between text-xs font-medium text-neutral-500 dark:text-neutral-400" };
-const _hoisted_20 = ["for"];
-const _hoisted_21 = ["id", "disabled", "value"];
-const _hoisted_22 = {
+const _hoisted_21 = { class: "flex items-center justify-between text-xs font-medium text-neutral-500 dark:text-neutral-400" };
+const _hoisted_22 = ["for"];
+const _hoisted_23 = ["id", "disabled", "value"];
+const _hoisted_24 = {
   key: 1,
   class: "space-y-2"
 };
-const _hoisted_23 = { class: "flex items-center justify-between text-xs font-medium text-neutral-500 dark:text-neutral-400" };
-const _hoisted_24 = ["for"];
-const _hoisted_25 = ["id", "disabled", "value"];
-const _hoisted_26 = { class: "space-y-2" };
-const _hoisted_27 = ["for"];
-const _hoisted_28 = ["id", "maxlength", "placeholder", "value", "disabled"];
+const _hoisted_25 = { class: "flex items-center justify-between text-xs font-medium text-neutral-500 dark:text-neutral-400" };
+const _hoisted_26 = ["for"];
+const _hoisted_27 = ["id", "disabled", "value"];
+const _hoisted_28 = { class: "space-y-2" };
+const _hoisted_29 = ["for"];
+const _hoisted_30 = ["id", "maxlength", "placeholder", "value", "disabled"];
 const DEFAULT_HEX = "#000000";
 const DEFAULT_ALPHA = 255;
 const PICKER_PANEL_WIDTH = 320;
@@ -2334,6 +2346,7 @@ const _sfc_main$w = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     const props = __props;
     const emit = __emit;
     const attrs = useAttrs();
+    const { t } = useI18n();
     const triggerRef = ref(null);
     const panelRef = ref(null);
     const hexInputRef = ref(null);
@@ -2520,7 +2533,7 @@ const _sfc_main$w = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     } : {
       backgroundColor: hueColor.value
     });
-    const saturationAreaLabel = computed(() => isRainbowVariant.value ? `Rainbow color area for ${emittedValue.value}` : `Saturation and brightness for ${emittedValue.value}`);
+    const saturationAreaLabel = computed(() => isRainbowVariant.value ? t("Rainbow color area for {color}", { color: emittedValue.value }) : t("Saturation and brightness for {color}", { color: emittedValue.value }));
     const fieldId = computed(() => {
       const id = attrs.id;
       return typeof id === "string" && id !== "" ? id : void 0;
@@ -2857,8 +2870,8 @@ const _sfc_main$w = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
             }, null, 4)
           ]),
           createElementVNode("span", _hoisted_5$5, [
-            _cache[1] || (_cache[1] = createElementVNode("span", { class: "block text-xs font-medium uppercase tracking-[0.16em] text-neutral-500 dark:text-neutral-400" }, "Color", -1)),
-            createElementVNode("span", _hoisted_6$5, toDisplayString(emittedValue.value), 1)
+            createElementVNode("span", _hoisted_6$5, toDisplayString(unref(t)("Color")), 1),
+            createElementVNode("span", _hoisted_7$5, toDisplayString(emittedValue.value), 1)
           ]),
           createVNode(unref(ChevronDownIcon), {
             class: normalizeClass(["size-4 shrink-0 text-neutral-400 transition-transform dark:text-neutral-500", isOpen.value ? "rotate-180" : ""])
@@ -2881,30 +2894,30 @@ const _sfc_main$w = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                 class: "z-50",
                 style: normalizeStyle(panelStyle.value)
               }, [
-                createElementVNode("div", _hoisted_7$5, [
-                  createElementVNode("div", _hoisted_8$3, [
-                    createElementVNode("div", _hoisted_9$3, [
+                createElementVNode("div", _hoisted_8$3, [
+                  createElementVNode("div", _hoisted_9$3, [
+                    createElementVNode("div", _hoisted_10$3, [
                       createElementVNode("span", {
                         class: "absolute inset-0",
                         style: normalizeStyle({ backgroundColor: swatchColor.value })
                       }, null, 4)
                     ]),
-                    createElementVNode("div", _hoisted_10$3, [
-                      _cache[2] || (_cache[2] = createElementVNode("p", { class: "text-xs font-medium uppercase tracking-[0.16em] text-neutral-500 dark:text-neutral-400" }, "Selected color", -1)),
-                      createElementVNode("p", _hoisted_11$3, toDisplayString(emittedValue.value), 1)
+                    createElementVNode("div", _hoisted_11$3, [
+                      createElementVNode("p", _hoisted_12$2, toDisplayString(unref(t)("Selected color")), 1),
+                      createElementVNode("p", _hoisted_13$2, toDisplayString(emittedValue.value), 1)
                     ]),
                     supportsEyeDropper.value ? (openBlock(), createElementBlock("button", {
                       key: 0,
                       type: "button",
                       class: normalizeClass(["inline-flex size-10 items-center justify-center rounded-xl border border-neutral-200 text-neutral-600 transition-colors hover:bg-neutral-100 focus:outline-none focus:ring-2 focus:ring-neutral-950/10 dark:border-neutral-800 dark:text-neutral-300 dark:hover:bg-neutral-900 dark:focus:ring-neutral-100/10", props.disabled ? "cursor-not-allowed opacity-50" : ""]),
                       disabled: props.disabled,
-                      "aria-label": "Pick color from screen",
+                      "aria-label": unref(t)("Pick color from screen"),
                       onClick: pickFromScreen
                     }, [
                       createVNode(unref(EyeDropperIcon), { class: "size-5" })
-                    ], 10, _hoisted_12$2)) : createCommentVNode("", true)
+                    ], 10, _hoisted_14$2)) : createCommentVNode("", true)
                   ]),
-                  createElementVNode("div", _hoisted_13$2, [
+                  createElementVNode("div", _hoisted_15$2, [
                     createElementVNode("div", {
                       ref_key: "saturationRef",
                       ref: saturationRef,
@@ -2919,22 +2932,22 @@ const _sfc_main$w = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                       onPointerdown: _cache[0] || (_cache[0] = ($event) => beginDrag($event, updateFromSaturationPointer)),
                       onKeydown: updateFromSaturationKey
                     }, [
-                      !isRainbowVariant.value ? (openBlock(), createElementBlock("div", _hoisted_15$2)) : createCommentVNode("", true),
+                      !isRainbowVariant.value ? (openBlock(), createElementBlock("div", _hoisted_17$1)) : createCommentVNode("", true),
                       isRainbowVariant.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-                        _cache[3] || (_cache[3] = createElementVNode("div", { class: "absolute inset-x-0 top-0 h-1/2 bg-[linear-gradient(to_bottom,#fff,transparent)]" }, null, -1)),
-                        _cache[4] || (_cache[4] = createElementVNode("div", { class: "absolute inset-x-0 bottom-0 h-1/2 bg-[linear-gradient(to_bottom,transparent,#000)]" }, null, -1))
-                      ], 64)) : (openBlock(), createElementBlock("div", _hoisted_16$1)),
+                        _cache[1] || (_cache[1] = createElementVNode("div", { class: "absolute inset-x-0 top-0 h-1/2 bg-[linear-gradient(to_bottom,#fff,transparent)]" }, null, -1)),
+                        _cache[2] || (_cache[2] = createElementVNode("div", { class: "absolute inset-x-0 bottom-0 h-1/2 bg-[linear-gradient(to_bottom,transparent,#000)]" }, null, -1))
+                      ], 64)) : (openBlock(), createElementBlock("div", _hoisted_18$1)),
                       createElementVNode("span", {
                         class: "pointer-events-none absolute size-4 -translate-x-1/2 -translate-y-1/2 rounded-full border-2 border-white shadow-[0_0_0_1px_rgba(0,0,0,0.3)]",
                         style: normalizeStyle(saturationHandleStyle.value)
                       }, null, 4)
-                    ], 44, _hoisted_14$2),
-                    createElementVNode("div", _hoisted_17$1, [
-                      !isRainbowVariant.value ? (openBlock(), createElementBlock("div", _hoisted_18$1, [
-                        createElementVNode("div", _hoisted_19, [
+                    ], 44, _hoisted_16$1),
+                    createElementVNode("div", _hoisted_19, [
+                      !isRainbowVariant.value ? (openBlock(), createElementBlock("div", _hoisted_20, [
+                        createElementVNode("div", _hoisted_21, [
                           createElementVNode("label", {
                             for: fieldId.value ? `${fieldId.value}-hue` : void 0
-                          }, "Hue", 8, _hoisted_20),
+                          }, toDisplayString(unref(t)("Hue")), 9, _hoisted_22),
                           createElementVNode("span", null, toDisplayString(Math.round(hue.value)) + "°", 1)
                         ]),
                         createElementVNode("input", {
@@ -2948,13 +2961,13 @@ const _sfc_main$w = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                           value: hue.value,
                           style: { "background": "linear-gradient(90deg, #FF0000 0%, #FFFF00 17%, #00FF00 33%, #00FFFF 50%, #0000FF 67%, #FF00FF 83%, #FF0000 100%)" },
                           onInput: handleHueInput
-                        }, null, 40, _hoisted_21)
+                        }, null, 40, _hoisted_23)
                       ])) : createCommentVNode("", true),
-                      props.allowAlpha ? (openBlock(), createElementBlock("div", _hoisted_22, [
-                        createElementVNode("div", _hoisted_23, [
+                      props.allowAlpha ? (openBlock(), createElementBlock("div", _hoisted_24, [
+                        createElementVNode("div", _hoisted_25, [
                           createElementVNode("label", {
                             for: fieldId.value ? `${fieldId.value}-alpha` : void 0
-                          }, "Opacity", 8, _hoisted_24),
+                          }, toDisplayString(unref(t)("Opacity")), 9, _hoisted_26),
                           createElementVNode("span", null, toDisplayString(opacityPercent.value) + "%", 1)
                         ]),
                         createElementVNode("input", {
@@ -2968,14 +2981,14 @@ const _sfc_main$w = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                           value: opacityPercent.value,
                           style: normalizeStyle({ background: alphaGradient.value }),
                           onInput: handleAlphaInput
-                        }, null, 44, _hoisted_25)
+                        }, null, 44, _hoisted_27)
                       ])) : createCommentVNode("", true)
                     ]),
-                    createElementVNode("div", _hoisted_26, [
+                    createElementVNode("div", _hoisted_28, [
                       createElementVNode("label", {
                         for: fieldId.value ? `${fieldId.value}-hex` : void 0,
                         class: "text-xs font-medium uppercase tracking-[0.16em] text-neutral-500 dark:text-neutral-400"
-                      }, "Hex value", 8, _hoisted_27),
+                      }, toDisplayString(unref(t)("Hex value")), 9, _hoisted_29),
                       createElementVNode("input", {
                         id: fieldId.value ? `${fieldId.value}-hex` : void 0,
                         ref_key: "hexInputRef",
@@ -2991,7 +3004,7 @@ const _sfc_main$w = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
                         disabled: props.disabled,
                         onInput: handleHexInput,
                         onBlur: handleHexBlur
-                      }, null, 40, _hoisted_28)
+                      }, null, 40, _hoisted_30)
                     ])
                   ])
                 ])
@@ -3004,7 +3017,7 @@ const _sfc_main$w = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     };
   }
 });
-const ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-b86f621b"]]);
+const ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-7d6915fa"]]);
 const _hoisted_1$j = ["for"];
 const _hoisted_2$d = {
   key: 1,
@@ -3188,7 +3201,7 @@ const _sfc_main$v = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     },
     locale: {
       type: String,
-      default: "fr-CA"
+      default: "en"
     },
     allowAlpha: {
       type: Boolean,
@@ -3265,6 +3278,7 @@ const _sfc_main$v = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
       class: [defaultFieldClass, attrs.class],
       name: props.name,
       modelValue: props.modelValue,
+      locale: props.locale,
       withTimestamp: props.type === "datetime-local" || props.withTimestamp,
       disabled: props.disabled,
       disabledClass: props.disabledClass
@@ -3394,11 +3408,17 @@ const _sfc_main$v = /* @__PURE__ */ Object.assign({ inheritAttrs: false }, {
     }));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        __props.label && !showsInlineChoiceControl.value ? (openBlock(), createElementBlock("label", {
+        !showsInlineChoiceControl.value && (_ctx.$slots.label || __props.label) ? renderSlot(_ctx.$slots, "label", {
           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),
+          label: __props.label,
+          for: fieldId.value
+        }, () => [
+          __props.label ? (openBlock(), createElementBlock("label", {
+            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)
+        ]) : createCommentVNode("", true),
         __props.helperText && !showsInlineChoiceControl.value ? (openBlock(), createElementBlock("span", _hoisted_2$d, 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)),
@@ -6099,4 +6119,4 @@ export {
   _sfc_main$B as y,
   _sfc_main$A as z
 };
-//# sourceMappingURL=plugin-DYTVm2W1.js.map
+//# sourceMappingURL=plugin-CG0XGuww.js.map