@pequity/squirrel 11.0.1 → 11.0.2

package/dist/es/chunks/p-btn.js

@@ -4,7 +4,7 @@ import { _ as _sfc_main$1 } from "./p-icon.js";
 import { _ as _sfc_main$2 } from "./p-ring-loader.js";
 import { isExternalLink } from "../link.js";
 import { sanitizeUrl } from "../sanitization.js";
-import { T } from "./index.js";
+import { t as tv } from "./index.js";
 const _hoisted_1 = { class: "slot-wrapper empty:hidden" };
 const btnClasses = {
   slots: {
@@ -75,7 +75,7 @@ const btnClasses = {
     size: "md"
   }
 };
-const btn = T(btnClasses);
+const btn = tv(btnClasses);
 const BUTTON_TYPES = Object.keys(btnClasses.variants.type);
 const BUTTON_NATIVE_TYPES = ["button", "submit", "reset"];
 const LOADER_SIZES = { sm: 24, md: 30, lg: 40 };

package/dist/es/dateLocale.js

@@ -569,6 +569,38 @@ const formatDistance = (token, count, options) => {
   }
   return result;
 };
+const dateFormats = {
+  full: "EEEE d MMMM y",
+  long: "d MMMM y",
+  medium: "d MMM y",
+  short: "dd/MM/y"
+};
+const timeFormats = {
+  full: "HH:mm:ss zzzz",
+  long: "HH:mm:ss z",
+  medium: "HH:mm:ss",
+  short: "HH:mm"
+};
+const dateTimeFormats = {
+  full: "{{date}} 'à' {{time}}",
+  long: "{{date}} 'à' {{time}}",
+  medium: "{{date}}, {{time}}",
+  short: "{{date}}, {{time}}"
+};
+const formatLong = {
+  date: buildFormatLongFn({
+    formats: dateFormats,
+    defaultWidth: "full"
+  }),
+  time: buildFormatLongFn({
+    formats: timeFormats,
+    defaultWidth: "full"
+  }),
+  dateTime: buildFormatLongFn({
+    formats: dateTimeFormats,
+    defaultWidth: "full"
+  })
+};
 const formatRelativeLocale = {
   lastWeek: "eeee 'dernier à' p",
   yesterday: "'hier à' p",
@@ -830,53 +862,20 @@ const match = {
     defaultParseWidth: "any"
   })
 };
-const dateFormats = {
-  full: "EEEE d MMMM y",
-  long: "d MMMM y",
-  medium: "d MMM y",
-  short: "yy-MM-dd"
-};
-const timeFormats = {
-  full: "HH:mm:ss zzzz",
-  long: "HH:mm:ss z",
-  medium: "HH:mm:ss",
-  short: "HH:mm"
-};
-const dateTimeFormats = {
-  full: "{{date}} 'à' {{time}}",
-  long: "{{date}} 'à' {{time}}",
-  medium: "{{date}}, {{time}}",
-  short: "{{date}}, {{time}}"
-};
-const formatLong = {
-  date: buildFormatLongFn({
-    formats: dateFormats,
-    defaultWidth: "full"
-  }),
-  time: buildFormatLongFn({
-    formats: timeFormats,
-    defaultWidth: "full"
-  }),
-  dateTime: buildFormatLongFn({
-    formats: dateTimeFormats,
-    defaultWidth: "full"
-  })
-};
-const frCA = {
-  code: "fr-CA",
+const fr = {
+  code: "fr",
   formatDistance,
   formatLong,
   formatRelative,
   localize,
   match,
-  // Unique for fr-CA
   options: {
-    weekStartsOn: 0,
-    firstWeekContainsDate: 1
+    weekStartsOn: 1,
+    firstWeekContainsDate: 4
   }
 };
 const localeMap = {
-  "fr-CA": frCA,
+  "fr-FR": fr,
   "en-US": enUS
 };
 const isValidLocaleCode = (code) => code in localeMap;

package/dist/es/index.js

@@ -66,7 +66,7 @@ import { toNumberOrNull } from "./number.js";
 import { isObject } from "./object.js";
 import { createPagingRange } from "./pagination.js";
 import { sanitizeUrl } from "./sanitization.js";
-import { i, u, C, Q, T } from "./chunks/index.js";
+import { c, a as a2, b, e, d, t } from "./chunks/index.js";
 const _hoisted_1$3 = ["data-has-error"];
 const _hoisted_2$3 = ["aria-label"];
 const _hoisted_3$3 = {
@@ -176,9 +176,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     const fileInputRef = shallowRef();
     const isDraggingOver = ref(false);
     const toast = useToast();
-    const { t } = useI18n({ useScope: "global" });
+    const { t: t2 } = useI18n({ useScope: "global" });
     const { labelClasses, errorMsgClasses } = useInputClasses(props);
-    const fileWord = computed(() => t("squirrel.file_upload_files", props.multiple ? 2 : 1));
+    const fileWord = computed(() => t2("squirrel.file_upload_files", props.multiple ? 2 : 1));
     const files = computed({
       get() {
         return Array.isArray(props.modelValue) ? props.modelValue : [props.modelValue];
@@ -199,13 +199,13 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     });
     const validateFiles = (filesToUpload) => {
       const res = [];
-      for (let i2 = 0; i2 < filesToUpload.length; i2++) {
-        const file = filesToUpload[i2];
+      for (let i = 0; i < filesToUpload.length; i++) {
+        const file = filesToUpload[i];
         const fileName = file.name || file.url;
         if (res.length + files.value.length >= props.maxNumberOfFiles) {
           if (!(props.multiple && props.maxNumberOfFiles === 1)) {
             toast.error(
-              t("squirrel.file_upload_max_files_exceeded", { count: props.maxNumberOfFiles, fileWord: fileWord.value })
+              t2("squirrel.file_upload_max_files_exceeded", { count: props.maxNumberOfFiles, fileWord: fileWord.value })
             );
           }
           break;
@@ -222,13 +222,13 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           const extension = getFileExtension(fileName) ? `.${getFileExtension(fileName)}` : "";
           const isValidExtension = extension ? props.fileTypes.includes(extension) : false;
           if (!isValidExtension) {
-            toast.error(t("squirrel.file_upload_files_not_allowed", { extension }));
+            toast.error(t2("squirrel.file_upload_files_not_allowed", { extension }));
             continue;
           }
         }
         if ((file.size || 0) > props.maxSizeInBytes) {
           toast.error(
-            t("squirrel.file_upload_file_size_exceeded", { fileName, maxSize: formatBytes(props.maxSizeInBytes) })
+            t2("squirrel.file_upload_file_size_exceeded", { fileName, maxSize: formatBytes(props.maxSizeInBytes) })
           );
           continue;
         }
@@ -236,8 +236,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }
       return res;
     };
-    const uploadFile = (e) => {
-      const f = e.target?.files || e.dataTransfer?.files;
+    const uploadFile = (e2) => {
+      const f = e2.target?.files || e2.dataTransfer?.files;
       if (!f) {
         return;
       }
@@ -245,8 +245,8 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       files.value = props.multiple ? [...files.value, ...validatedFiles] : validatedFiles;
       emit("file-added", validatedFiles);
     };
-    const changeFieldValue = (e) => {
-      uploadFile(e);
+    const changeFieldValue = (e2) => {
+      uploadFile(e2);
       if (fileInputRef.value) {
         fileInputRef.value.value = "";
       }
@@ -258,9 +258,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         emit("file-removed", removedFile);
       }
     };
-    const onDrop = (e) => {
+    const onDrop = (e2) => {
       isDraggingOver.value = false;
-      changeFieldValue(e);
+      changeFieldValue(e2);
     };
     const openFileDialog = () => {
       if (fileInputRef.value) {
@@ -783,20 +783,20 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         ths.value[index] = el;
       }
     };
-    const emitScroll = (e) => {
-      emit("scroll", e);
+    const emitScroll = (e2) => {
+      emit("scroll", e2);
     };
-    const thDivClasses = (i2) => {
+    const thDivClasses = (i) => {
       const res = ["relative", "py-2"];
       res.push("border-b border-p-gray-30");
-      if (i2 === 0 && props.isFirstColFixed || i2 === props.cols.length - 1 && props.isLastColFixed) {
+      if (i === 0 && props.isFirstColFixed || i === props.cols.length - 1 && props.isLastColFixed) {
         res.push("th-shadow px-4");
       } else {
         !props.colsResizable ? res.push("px-2") : res.push("pl-2 pr-4");
       }
       return res;
     };
-    const thSubheaderClasses = (i2) => {
+    const thSubheaderClasses = (i) => {
       const res = [
         "flex",
         "h-6",
@@ -809,7 +809,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         "font-medium",
         "text-p-gray-40"
       ];
-      if (i2 === 0 && props.isFirstColFixed || i2 === props.cols.length - 1 && props.isLastColFixed) {
+      if (i === 0 && props.isFirstColFixed || i === props.cols.length - 1 && props.isLastColFixed) {
         res.push("th-shadow");
       }
       return res;
@@ -868,10 +868,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             ref: theadRef
           }, [
             createElementVNode("tr", null, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(props.cols, (col, i2) => {
+              (openBlock(true), createElementBlock(Fragment, null, renderList(props.cols, (col, i) => {
                 return openBlock(), createElementBlock("th", mergeProps({
                   ref_for: true,
-                  ref: (el) => updateThsRefs(el, i2),
+                  ref: (el) => updateThsRefs(el, i),
                   key: col.id,
                   "data-col-id": col.id
                 }, { ref_for: true }, col.thAttrs, {
@@ -879,7 +879,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   class: "bg-surface"
                 }), [
                   createElementVNode("div", {
-                    class: normalizeClass(thDivClasses(i2)),
+                    class: normalizeClass(thDivClasses(i)),
                     style: normalizeStyle(bgColorStyle(col))
                   }, [
                     createElementVNode("div", {
@@ -893,7 +893,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                         "tooltip-text": col.tooltip,
                         class: [
                           unref(hasWrap) ? "leading-4" : "leading-5",
-                          { "pl-2": i2 === 1 && __props.isFirstColFixed, "pr-2": i2 === __props.cols.length && __props.isLastColFixed },
+                          { "pl-2": i === 1 && __props.isFirstColFixed, "pr-2": i === __props.cols.length && __props.isLastColFixed },
                           "grow"
                         ],
                         "text-color": headerCellTextColor(col)
@@ -906,17 +906,17 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                         _: 2
                       }, 1040, ["text", "filter-active", "show-filter-icon", "tooltip-text", "class", "text-color", "onClickFilterIcon"])
                     ], 2),
-                    __props.colsResizable && i2 !== 0 && !(i2 === __props.cols.length - 1 && __props.isLastColFixed) ? (openBlock(), createElementBlock("div", {
+                    __props.colsResizable && i !== 0 && !(i === __props.cols.length - 1 && __props.isLastColFixed) ? (openBlock(), createElementBlock("div", {
                       key: 0,
-                      class: normalizeClass(["absolute right-0 top-1/2 z-110 h-5 w-2 -translate-y-1/2 cursor-col-resize after:absolute after:bottom-0 after:z-110 after:block after:h-full after:w-2 after:cursor-col-resize after:border-r-2 after:border-dashed after:border-p-gray-30", i2 === __props.cols.length - 1 ? "after:right-0.5" : "after:right-0"]),
+                      class: normalizeClass(["absolute right-0 top-1/2 z-110 h-5 w-2 -translate-y-1/2 cursor-col-resize after:absolute after:bottom-0 after:z-110 after:block after:h-full after:w-2 after:cursor-col-resize after:border-r-2 after:border-dashed after:border-p-gray-30", i === __props.cols.length - 1 ? "after:right-0.5" : "after:right-0"]),
                       "data-resize-handle": "",
-                      onMousedown: ($event) => unref(colResizeStart)($event, i2),
-                      onDblclick: ($event) => unref(colResizeFitToData)(i2)
+                      onMousedown: ($event) => unref(colResizeStart)($event, i),
+                      onDblclick: ($event) => unref(colResizeFitToData)(i)
                     }, null, 42, _hoisted_2$1)) : createCommentVNode("", true)
                   ], 6),
                   __props.subheader ? (openBlock(), createElementBlock("div", {
                     key: 0,
-                    class: normalizeClass(thSubheaderClasses(i2))
+                    class: normalizeClass(thSubheaderClasses(i))
                   }, [
                     renderSlot(_ctx.$slots, `subheader-cell-${unref(kebabCase)(col.name)}`, {}, void 0, true)
                   ], 2)) : createCommentVNode("", true)
@@ -1060,12 +1060,12 @@ const enUS = {
   squirrel: squirrel$1
 };
 const squirrel = { "close": "Fermer", "action_bar_clear_all": "Effacer tout", "select_list_items": "{count} élément | {count} éléments", "select_list_select_all": "Tout sélectionner", "select_list_select_all_filtered": "Sélectionner tout (filtré)", "select_list_clear_all": "Effacer tout", "select_list_no_items_found": "Aucun élément trouvé", "dropdown_select_aria_label": "Liste déroulante", "dropdown_select_remove_item": "Supprimer l'élément", "dropdown_select_clear_selection": "Effacer la sélection", "dropdown_select_all_options_selected": "Toutes les options sélectionnées", "dropdown_select_options": "option | options", "dropdown_select_selected": "sélectionné", "dropdown_select_items": "@:squirrel.select_list_items", "dropdown_select_select_all": "@:squirrel.select_list_select_all", "dropdown_select_select_all_filtered": "@:squirrel.select_list_select_all_filtered", "dropdown_select_clear_all": "@:squirrel.select_list_clear_all", "dropdown_select_add": "Ajouter", "dropdown_select_no_items_found_type_to_add": "Aucun élément trouvé. Tapez pour ajouter", "dropdown_select_no_items_found": "@:squirrel.select_list_no_items_found", "file_upload_dropzone": "zone de dépôt", "file_upload_drag_or_select": "Glisser ou {select}", "file_upload_drop": "Déposer {fileWord}", "file_upload_max": "Max {count}", "file_upload_one": "Un", "file_upload_files": "fichier | fichiers", "file_upload_select": "sélectionner {fileWord}", "file_upload_with_size_less_than": "avec une taille inférieure à {maxSize} | avec une taille inférieure à {maxSize} chacun", "file_upload_max_files_exceeded": "Vous ne pouvez télécharger qu'un maximum de {count} {fileWord}.", "file_upload_files_not_allowed": "Les fichiers {extension} ne sont pas autorisés.", "file_upload_file_size_exceeded": "La taille du fichier {fileName} dépasse {maxSize}.", "input_search_press_enter_to_search": "Appuyez sur Entrée pour rechercher", "input_search_clear_search_input": "Effacer la saisie de recherche", "pagination_go_to_previous_page": "aller à la page précédente", "pagination_go_to_page": "aller à la page {page}", "pagination_go_to_next_page": "aller à la page suivante", "pagination_info_showing_results": "Affichage de {from} à {to} sur {count} résultats", "pagination_info_no_results_found": "Aucun résultat trouvé", "table_sort_sort": "TRIER", "table_sort_clear": "Effacer", "table_sort_sort_ascending": "Trier par ordre croissant", "table_sort_sort_descending": "Trier par ordre décroissant", "tabs_pills_aria_label": "Onglets pilules" };
-const frCA = {
+const frFR = {
   squirrel
 };
 const squirrelMessages = {
   "en-US": enUS,
-  "fr-CA": frCA
+  "fr-FR": frFR
 };
 const isSquirrelLocale = (locale) => {
   return locale in squirrelMessages;
@@ -1137,12 +1137,13 @@ export {
   S as SIZES,
   SORTING_TYPES,
   SquirrelPlugin,
-  i as cn,
-  u as cnBase,
+  c as cn,
+  a2 as cnMerge,
   colsInjectionKey,
   createPagingRange,
-  C as createTV,
-  Q as defaultConfig,
+  b as createTV,
+  e as cx,
+  d as defaultConfig,
   getNextActiveElement,
   isColsResizableInjectionKey,
   isElement,
@@ -1156,7 +1157,7 @@ export {
   squirrelTailwindConfig,
   toNumberOrNull,
   toString,
-  T as tv,
+  t as tv,
   useInputClasses,
   usePLoading,
   usePModal,

package/dist/es/inputClasses.js

@@ -1,5 +1,5 @@
-import { T } from "./chunks/index.js";
-const inputClasses = T({
+import { t as tv } from "./chunks/index.js";
+const inputClasses = tv({
   slots: {
     input: "w-full rounded border-0 bg-surface text-night ring-1 ring-inset ring-p-gray-30 placeholder:text-p-gray-40 hover:ring-primary focus:outline-none focus:ring-2 focus:ring-primary disabled:cursor-default disabled:bg-p-blue-10 disabled:ring-p-gray-30 disabled:hover:ring-p-gray-30",
     label: "mb-1 block font-medium",
@@ -90,7 +90,7 @@ const inputClasses = T({
     size: "md"
   }
 });
-const textareaClasses = T({
+const textareaClasses = tv({
   extend: inputClasses,
   slots: {
     input: "resize-y overflow-auto"
@@ -109,7 +109,7 @@ const textareaClasses = T({
     }
   }
 });
-const selectClasses = T({
+const selectClasses = tv({
   extend: inputClasses,
   slots: {
     input: "squirrel-bg-chevron-down appearance-none truncate bg-no-repeat"

package/dist/squirrel/components/p-link/p-link.vue.d.ts

@@ -1,9 +1,9 @@
 import { type RouterLinkProps } from 'vue-router';
-declare var __VLS_1: {}, __VLS_9: {};
+declare var __VLS_1: {}, __VLS_10: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 } & {
-    default?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<RouterLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RouterLinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/squirrel/components/p-pagination-info/p-pagination-info.vue.d.ts

@@ -1,6 +1,6 @@
-declare var __VLS_6: {};
+declare var __VLS_7: {};
 type __VLS_Slots = {} & {
-    'no-results'?: (props: typeof __VLS_6) => any;
+    'no-results'?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /**

package/dist/squirrel/components/p-table/p-table.vue.d.ts

@@ -48,7 +48,9 @@ declare const __VLS_export: <T extends Record<string, unknown>>(__VLS_props: Non
         onScroll?: ((val: Event) => any) | undefined;
         "onCol-resize"?: ((colIndex: number, width: number) => any) | undefined;
         "onClick-filter-icon"?: ((val: Event, col: any) => any) | undefined;
-    }> & import("vue").PublicProps;
+    }> & import("vue").PublicProps & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
     expose: (exposed: import("vue").ShallowUnwrapRef<{
         tbodyElement: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
     }>) => void;

package/dist/squirrel/components/p-table-header-cell/p-table-header-cell.vue.d.ts

@@ -6,9 +6,9 @@ type Props = {
     tooltipText?: string;
     textColor?: string;
 };
-declare var __VLS_5: {};
+declare var __VLS_6: {};
 type __VLS_Slots = {} & {
-    icon?: (props: typeof __VLS_5) => any;
+    icon?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "click-filter-icon": (event: Event, filterActive: boolean) => any;

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@pequity/squirrel",
   "description": "Squirrel component library",
-  "version": "11.0.1",
-  "packageManager": "pnpm@10.22.0",
+  "version": "11.0.2",
+  "packageManager": "pnpm@10.23.0",
   "type": "module",
   "scripts": {
     "preinstall": "npx only-allow pnpm",
@@ -56,31 +56,31 @@
     "@playwright/test": "^1.56.1",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-a11y": "^10.0.7",
-    "@storybook/addon-docs": "^10.0.7",
-    "@storybook/addon-links": "^10.0.7",
-    "@storybook/addon-vitest": "^10.0.7",
-    "@storybook/vue3-vite": "^10.0.7",
+    "@storybook/addon-a11y": "^10.0.8",
+    "@storybook/addon-docs": "^10.0.8",
+    "@storybook/addon-links": "^10.0.8",
+    "@storybook/addon-vitest": "^10.0.8",
+    "@storybook/vue3-vite": "^10.0.8",
     "@tanstack/vue-virtual": "3.13.12",
     "@types/jsdom": "^27.0.0",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^24.10.1",
-    "@vitejs/plugin-vue": "^6.0.1",
-    "@vitest/browser": "4.0.8",
-    "@vitest/browser-playwright": "^4.0.8",
-    "@vitest/coverage-v8": "^4.0.8",
-    "@vue/compiler-sfc": "3.5.24",
+    "@vitejs/plugin-vue": "^6.0.2",
+    "@vitest/browser": "4.0.13",
+    "@vitest/browser-playwright": "^4.0.13",
+    "@vitest/coverage-v8": "^4.0.13",
+    "@vue/compiler-sfc": "3.5.25",
     "@vue/test-utils": "^2.4.6",
-    "@vuepic/vue-datepicker": "12.0.3",
+    "@vuepic/vue-datepicker": "12.0.5",
     "autoprefixer": "^10.4.22",
     "eslint": "^9.39.1",
-    "eslint-plugin-storybook": "^10.0.7",
+    "eslint-plugin-storybook": "^10.0.8",
     "floating-vue": "5.2.2",
-    "glob": "^11.0.3",
+    "glob": "^13.0.0",
     "husky": "^9.1.7",
     "iconify-icon": "^3.0.2",
     "jsdom": "^27.2.0",
-    "lint-staged": "^16.2.6",
+    "lint-staged": "^16.2.7",
     "lodash-es": "4.17.21",
     "make-coverage-badge": "^1.2.0",
     "playwright": "^1.56.1",
@@ -88,25 +88,25 @@
     "prettier": "^3.6.2",
     "prettier-plugin-tailwindcss": "^0.7.1",
     "resolve-tspaths": "^0.8.23",
-    "rimraf": "^6.1.0",
-    "sass": "^1.94.0",
+    "rimraf": "^6.1.2",
+    "sass": "^1.94.2",
     "semantic-release": "^25.0.2",
-    "storybook": "^10.0.7",
+    "storybook": "^10.0.8",
     "svgo": "^4.0.0",
     "tailwindcss": "^3.4.17",
     "typescript": "5.9.3",
-    "vite": "^7.2.2",
-    "vitest": "^4.0.8",
-    "vue": "3.5.24",
+    "vite": "^7.2.4",
+    "vitest": "^4.0.13",
+    "vue": "3.5.25",
     "vue-currency-input": "3.2.1",
-    "vue-i18n": "^11.1.12",
+    "vue-i18n": "^11.2.1",
     "vue-router": "4.6.3",
     "vue-toastification": "2.0.0-rc.5",
-    "vue-tsc": "3.1.3"
+    "vue-tsc": "3.1.5"
   },
   "dependencies": {
     "date-fns": "^4.1.0",
     "tailwind-merge": "^3.4.0",
-    "tailwind-variants": "^3.1.1"
+    "tailwind-variants": "^3.2.2"
   }
 }

package/squirrel/plugin/index.spec.ts

@@ -1,5 +1,5 @@
 import enUS from '@squirrel/locales/en-US.json';
-import frCA from '@squirrel/locales/fr-CA.json';
+import frFR from '@squirrel/locales/fr-FR.json';
 import { SquirrelPlugin } from '@squirrel/plugin/index';
 import { type App, createApp, nextTick, ref } from 'vue';
 
@@ -56,12 +56,12 @@ describe('SquirrelPlugin', () => {
   });
 
   it('should merge fr-CA messages when locale is fr-CA', async () => {
-    mockI18n = createMockI18n('fr-CA', { 'fr-CA': {} });
+    mockI18n = createMockI18n('fr-FR', { 'fr-FR': {} });
     app.use(SquirrelPlugin, mockI18n);
 
     await nextTick();
 
-    expect(mockI18n.global.mergeLocaleMessage).toHaveBeenCalledWith('fr-CA', frCA);
+    expect(mockI18n.global.mergeLocaleMessage).toHaveBeenCalledWith('fr-FR', frFR);
   });
 
   it('should not merge messages for unsupported locales', async () => {
@@ -86,7 +86,7 @@ describe('SquirrelPlugin', () => {
 
   it('should react to locale changes', async () => {
     // Only have en-US available initially, so watcher doesn't get unwatched
-    mockI18n = createMockI18n('en-US', { 'en-US': {}, 'fr-CA': {} });
+    mockI18n = createMockI18n('en-US', { 'en-US': {}, 'fr-FR': {} });
     mockI18n.global.availableLocales = ['en-US']; // Only one locale available
     app.use(SquirrelPlugin, mockI18n);
 
@@ -97,17 +97,17 @@ describe('SquirrelPlugin', () => {
     mockI18n.global.mergeLocaleMessage.mockClear();
 
     // Add fr-CA to available locales and change to it
-    mockI18n.global.availableLocales.push('fr-CA');
-    mockI18n.global.locale.value = 'fr-CA';
+    mockI18n.global.availableLocales.push('fr-FR');
+    mockI18n.global.locale.value = 'fr-FR';
     await nextTick();
 
-    expect(mockI18n.global.mergeLocaleMessage).toHaveBeenCalledWith('fr-CA', frCA);
+    expect(mockI18n.global.mergeLocaleMessage).toHaveBeenCalledWith('fr-FR', frFR);
   });
 
   it('should stop watching when all Squirrel locales are available', async () => {
     // Create mock with both locales available initially
-    mockI18n = createMockI18n('en-US', { 'en-US': {}, 'fr-CA': {} });
-    mockI18n.global.availableLocales = ['en-US', 'fr-CA'];
+    mockI18n = createMockI18n('en-US', { 'en-US': {}, 'fr-FR': {} });
+    mockI18n.global.availableLocales = ['en-US', 'fr-FR'];
 
     app.use(SquirrelPlugin, mockI18n);
 
@@ -120,7 +120,7 @@ describe('SquirrelPlugin', () => {
     mockI18n.global.mergeLocaleMessage.mockClear();
 
     // Change locale after unwatching should not trigger more merges
-    mockI18n.global.locale.value = 'fr-CA';
+    mockI18n.global.locale.value = 'fr-FR';
     await nextTick();
 
     // Should not merge again since watcher was stopped

package/squirrel/plugin/index.ts

@@ -1,5 +1,5 @@
 import enUS from '@squirrel/locales/en-US.json';
-import frCA from '@squirrel/locales/fr-CA.json';
+import frFR from '@squirrel/locales/fr-FR.json';
 import { type App, nextTick, type Plugin, watchEffect } from 'vue';
 
 type I18nInstance = {
@@ -13,7 +13,7 @@ type I18nInstance = {
 
 const squirrelMessages = {
   'en-US': enUS,
-  'fr-CA': frCA,
+  'fr-FR': frFR,
 } as const;
 
 type SquirrelLocale = keyof typeof squirrelMessages;

package/squirrel/utils/dateLocale.spec.ts

@@ -1,20 +1,20 @@
 import { getDateFnsLocale } from '@squirrel/utils/dateLocale';
-import { enUS, frCA } from 'date-fns/locale';
+import { enUS, fr } from 'date-fns/locale';
 
 describe('getDateFnsLocale', () => {
   it('should return correct locale for valid codes', () => {
-    expect(getDateFnsLocale('fr-CA')).toBe(frCA);
+    expect(getDateFnsLocale('fr-FR')).toBe(fr);
     expect(getDateFnsLocale('en-US')).toBe(enUS);
   });
 
   it('should return enUS as fallback for invalid locale codes', () => {
-    expect(getDateFnsLocale('fr-FR')).toBe(enUS);
+    expect(getDateFnsLocale('fr-CA')).toBe(enUS);
     expect(getDateFnsLocale('invalid')).toBe(enUS);
     expect(getDateFnsLocale('')).toBe(enUS);
   });
 
   it('should be case-sensitive', () => {
-    expect(getDateFnsLocale('FR-CA')).toBe(enUS);
-    expect(getDateFnsLocale('fr-ca')).toBe(enUS);
+    expect(getDateFnsLocale('FR-FR')).toBe(enUS);
+    expect(getDateFnsLocale('fr-fr')).toBe(enUS);
   });
 });

package/squirrel/utils/dateLocale.ts

@@ -1,15 +1,15 @@
 import type { Locale } from 'date-fns';
 import { enUS } from 'date-fns/locale/en-US';
-import { frCA } from 'date-fns/locale/fr-CA';
+import { fr } from 'date-fns/locale/fr';
 
 /**
  * Maps vue-i18n locale codes to date-fns Locale objects.
  *
- * @param localeCode - The locale code from vue-i18n (e.g., 'en-US', 'fr-CA')
+ * @param localeCode - The locale code from vue-i18n (e.g., 'en-US', 'fr-FR')
  * @returns The corresponding date-fns Locale object
  */
 const localeMap = {
-  'fr-CA': frCA,
+  'fr-FR': fr,
   'en-US': enUS,
 } as const;