sprintify-ui 0.0.16 → 0.0.17

package/dist/sprintify-ui.es.js

@@ -1,5 +1,5 @@
 import ol from "axios";
-import { defineComponent as Y, resolveComponent as he, openBlock as _, createElementBlock as O, normalizeClass as z, createBlock as ie, createCommentVNode as ne, createElementVNode as x, toDisplayString as X, renderSlot as Z, h as ot, unref as S, computed as U, ref as P, watch as Oe, Teleport as Mt, createVNode as K, Transition as Ve, withCtx as W, TransitionGroup as Hn, Fragment as be, renderList as Ie, normalizeStyle as Re, onMounted as $e, withDirectives as je, withModifiers as Pe, vShow as Ze, normalizeProps as Ue, guardReactiveProps as ze, mergeProps as lt, resolveDynamicComponent as Ot, onBeforeUnmount as cn, createTextVNode as He, cloneVNode as ll, inject as Ge, provide as De, watchEffect as Dt, nextTick as Fe, onUnmounted as dn, useSlots as rl, isRef as Jt, vModelText as sl, createStaticVNode as Gn, getCurrentInstance as al, pushScopeId as il, popScopeId as ul, createSlots as cl, vModelSelect as qt, withKeys as dl } from "vue";
+import { defineComponent as Y, resolveComponent as he, openBlock as _, createElementBlock as O, normalizeClass as z, createBlock as ie, createCommentVNode as ne, createElementVNode as x, toDisplayString as X, renderSlot as Z, h as ot, unref as S, computed as U, ref as P, watch as Le, Teleport as Mt, createVNode as K, Transition as Ve, withCtx as W, TransitionGroup as Hn, Fragment as be, renderList as Ie, normalizeStyle as Re, onMounted as $e, withDirectives as je, withModifiers as Pe, vShow as Ze, normalizeProps as Ue, guardReactiveProps as ze, mergeProps as lt, resolveDynamicComponent as Ot, onBeforeUnmount as cn, createTextVNode as He, cloneVNode as ll, inject as Ge, provide as De, watchEffect as Dt, nextTick as Fe, onUnmounted as dn, useSlots as rl, isRef as Jt, vModelText as sl, createStaticVNode as Gn, getCurrentInstance as al, pushScopeId as il, popScopeId as ul, createSlots as cl, vModelSelect as qt, withKeys as dl } from "vue";
 import { useI18n as Xe, createI18n as fl } from "vue-i18n";
 import { defineStore as fn } from "pinia";
 import In from "qs";
@@ -1205,7 +1205,7 @@ if (typeof document < "u" && typeof window < "u") {
 const wr = {
   ...Nt,
   body: ""
-}, Le = Y({
+}, Me = Y({
   inheritAttrs: !1,
   data() {
     return {
@@ -1303,19 +1303,19 @@ const wr = {
               "bg-green-100": e.color == "success"
             }])
           }, [
-            e.color == "danger" ? (_(), ie(S(Le), {
+            e.color == "danger" ? (_(), ie(S(Me), {
               key: 0,
               class: "h-6 w-6 text-red-600",
               icon: "heroicons:exclamation-triangle-20-solid"
-            })) : e.color == "warning" ? (_(), ie(S(Le), {
+            })) : e.color == "warning" ? (_(), ie(S(Me), {
               key: 1,
               class: "h-6 w-6 text-yellow-600",
               icon: "heroicons:exclamation-triangle-20-solid"
-            })) : e.color == "success" ? (_(), ie(S(Le), {
+            })) : e.color == "success" ? (_(), ie(S(Me), {
               key: 2,
               class: "h-6 w-6 text-green-600",
               icon: "heroicons:check-circle-20-solid"
-            })) : (_(), ie(S(Le), {
+            })) : (_(), ie(S(Me), {
               key: 3,
               class: "h-6 w-6 text-primary-600",
               icon: "heroicons:information-circle-20-solid"
@@ -1882,11 +1882,11 @@ function mo() {
 }
 const Ar = {
   key: 0,
-  class: "z-dialogs fixed inset-0 h-full w-full bg-black bg-opacity-60"
+  class: "fixed inset-0 z-dialogs h-full w-full bg-black bg-opacity-60"
 }, Er = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Tr = ["onClick"], vo = /* @__PURE__ */ Y({
   __name: "BaseAppDialogs",
   setup(e, { expose: n }) {
-    const t = bn(), l = U(() => (console.log(t.dialogs), t.dialogs));
+    const t = bn(), l = U(() => t.dialogs);
     function o(y) {
       y.onConfirm(), s(y);
     }
@@ -1902,7 +1902,7 @@ const Ar = {
         i.value[y.id] = "animate-shake";
       });
     }
-    return Oe(
+    return Le(
       () => l.value.length,
       () => {
         l.value.length == 0 ? mo() : ho();
@@ -1940,7 +1940,7 @@ const Ar = {
             return _(), O("div", {
               key: b.id,
               "scroll-lock-target": "",
-              class: "z-dialogs fixed inset-0 transform overflow-y-auto"
+              class: "fixed inset-0 z-dialogs transform overflow-y-auto"
             }, [
               x("div", Er, [
                 x("div", {
@@ -2139,7 +2139,7 @@ const Ar = {
       value: t.modelValue[t.valueKey],
       option: t.modelValue
     } : null);
-    Oe(
+    Le(
       () => C.value,
       () => {
         var v;
@@ -2573,7 +2573,13 @@ const Ar = {
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
     const t = e, l = me.http, o = P(t.currentModel);
-    Oe(
+    Le(
+      () => t.currentModel,
+      (s, i) => {
+        o.value = s;
+      },
+      { deep: !0 }
+    ), Le(
       () => t.modelValue,
       (s, i) => {
         if (s != i && t.showRouteUrl != null) {
@@ -3950,7 +3956,7 @@ var Ce = ((e) => (e.Space = " ", e.Enter = "Enter", e.Escape = "Escape", e.Backs
 function Ks(e) {
   throw new Error("Unexpected object: " + e);
 }
-var Me = ((e) => (e[e.First = 0] = "First", e[e.Previous = 1] = "Previous", e[e.Next = 2] = "Next", e[e.Last = 3] = "Last", e[e.Specific = 4] = "Specific", e[e.Nothing = 5] = "Nothing", e))(Me || {});
+var Oe = ((e) => (e[e.First = 0] = "First", e[e.Previous = 1] = "Previous", e[e.Next = 2] = "Next", e[e.Last = 3] = "Last", e[e.Specific = 4] = "Specific", e[e.Nothing = 5] = "Nothing", e))(Oe || {});
 function Hs(e, n) {
   let t = n.resolveItems();
   if (t.length <= 0)
@@ -4218,7 +4224,7 @@ let fa = Y({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   let b = { menuState: l, buttonRef: o, itemsRef: r, items: s, searchQuery: i, activeItemIndex: p, activationTrigger: y, closeMenu: () => {
     l.value = 1, p.value = null;
   }, openMenu: () => l.value = 0, goToItem(I, $, w) {
-    let D = C(), h = Hs(I === Me.Specific ? { focus: Me.Specific, id: $ } : { focus: I }, { resolveItems: () => D.items, resolveActiveIndex: () => D.activeItemIndex, resolveId: (T) => T.id, resolveDisabled: (T) => T.dataRef.disabled });
+    let D = C(), h = Hs(I === Oe.Specific ? { focus: Oe.Specific, id: $ } : { focus: I }, { resolveItems: () => D.items, resolveActiveIndex: () => D.activeItemIndex, resolveId: (T) => T.id, resolveDisabled: (T) => T.dataRef.disabled });
     i.value = "", p.value = h, y.value = w != null ? w : 1, s.value = D.items;
   }, search(I) {
     let $ = i.value !== "" ? 0 : 1;
@@ -4254,13 +4260,13 @@ let fa = Y({ name: "Menu", props: { as: { type: [Object, String], default: "temp
       case Ce.ArrowDown:
         C.preventDefault(), C.stopPropagation(), o.openMenu(), Fe(() => {
           var b;
-          (b = Se(o.itemsRef)) == null || b.focus({ preventScroll: !0 }), o.goToItem(Me.First);
+          (b = Se(o.itemsRef)) == null || b.focus({ preventScroll: !0 }), o.goToItem(Oe.First);
         });
         break;
       case Ce.ArrowUp:
         C.preventDefault(), C.stopPropagation(), o.openMenu(), Fe(() => {
           var b;
-          (b = Se(o.itemsRef)) == null || b.focus({ preventScroll: !0 }), o.goToItem(Me.Last);
+          (b = Se(o.itemsRef)) == null || b.focus({ preventScroll: !0 }), o.goToItem(Oe.Last);
         });
         break;
     }
@@ -4308,15 +4314,15 @@ let fa = Y({ name: "Menu", props: { as: { type: [Object, String], default: "temp
         o.closeMenu(), Io(Se(o.buttonRef));
         break;
       case Ce.ArrowDown:
-        return b.preventDefault(), b.stopPropagation(), o.goToItem(Me.Next);
+        return b.preventDefault(), b.stopPropagation(), o.goToItem(Oe.Next);
       case Ce.ArrowUp:
-        return b.preventDefault(), b.stopPropagation(), o.goToItem(Me.Previous);
+        return b.preventDefault(), b.stopPropagation(), o.goToItem(Oe.Previous);
       case Ce.Home:
       case Ce.PageUp:
-        return b.preventDefault(), b.stopPropagation(), o.goToItem(Me.First);
+        return b.preventDefault(), b.stopPropagation(), o.goToItem(Oe.First);
       case Ce.End:
       case Ce.PageDown:
-        return b.preventDefault(), b.stopPropagation(), o.goToItem(Me.Last);
+        return b.preventDefault(), b.stopPropagation(), o.goToItem(Oe.Last);
       case Ce.Escape:
         b.preventDefault(), b.stopPropagation(), o.closeMenu(), Fe(() => {
           var $;
@@ -4365,14 +4371,14 @@ let fa = Y({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   }
   function C() {
     if (e.disabled)
-      return o.goToItem(Me.Nothing);
-    o.goToItem(Me.Specific, r);
+      return o.goToItem(Oe.Nothing);
+    o.goToItem(Oe.Specific, r);
   }
   function b() {
-    e.disabled || i.value || o.goToItem(Me.Specific, r, 0);
+    e.disabled || i.value || o.goToItem(Oe.Specific, r, 0);
   }
   function I() {
-    e.disabled || !i.value || o.goToItem(Me.Nothing);
+    e.disabled || !i.value || o.goToItem(Oe.Nothing);
   }
   return () => {
     let { disabled: $ } = e, w = { active: i.value, disabled: $, close: o.closeMenu };
@@ -4750,7 +4756,7 @@ function Bn(e) {
 }
 function jo(e, n, t) {
   const l = P(!1);
-  Oe(
+  Le(
     () => e.value,
     () => {
       o();
@@ -4910,12 +4916,12 @@ const Da = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Va = { class: "min
       ]);
     };
   }
-}), ja = { class: "flex mb-4 space-x-2 empty:mb-0" }, Fa = {
+}), ja = { class: "mb-4 flex space-x-2 empty:mb-0" }, Fa = {
   key: 0,
   class: "grow"
-}, Na = { class: "relative h-11" }, Pa = { class: "flex pointer-events-none absolute top-0 left-0 h-full items-center justify-center pl-2.5" }, Ra = ["placeholder"], Ua = {
+}, Na = { class: "relative h-11" }, Pa = { class: "pointer-events-none absolute top-0 left-0 flex h-full items-center justify-center pl-2.5" }, Ra = ["placeholder"], Ua = {
   key: 0,
-  class: "flex absolute top-0 right-0 h-full items-center justify-center p-1"
+  class: "absolute top-0 right-0 flex h-full items-center justify-center p-1"
 }, za = { class: "hidden xs:block" }, qa = { class: "mt-5" }, Ka = { class: "text-center text-xs text-slate-400 sm:text-right" }, Ha = { class: "mt-4" }, Ga = {
   key: 0,
   class: "mb-4"
@@ -4985,7 +4991,7 @@ const Da = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Va = { class: "min
       childList: !0
     }), $e(() => {
       L();
-    }), Oe(
+    }), Le(
       () => j.value,
       () => {
         Fe(() => {
@@ -5037,7 +5043,7 @@ const Da = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Va = { class: "min
       const E = Te(T.value);
       E.page = 1, E.search = w.value, v(E);
     }, 350);
-    Oe(
+    Le(
       () => s.query,
       () => {
         fe();
@@ -5152,7 +5158,7 @@ const Da = { class: "flex min-h-full w-full pt-20 sm:pt-0" }, Va = { class: "min
               ])) : ne("", !0),
               S(j) && S(F) ? (_(), O("button", {
                 key: 1,
-                class: "flex btn h-11 items-center justify-center py-1 text-base shadow-sm",
+                class: "btn flex h-11 items-center justify-center py-1 text-base shadow-sm",
                 type: "button",
                 onClick: E[3] || (E[3] = (oe) => $.value = !0)
               }, [
@@ -5333,7 +5339,7 @@ const ti = {
 function li(e, n, t, l, o, r) {
   return _(), O("svg", ti, oi);
 }
-const Ro = /* @__PURE__ */ Ee(ei, [["render", li], ["__scopeId", "data-v-945515f9"]]), ri = (e) => (il("data-v-07e72f3e"), e = e(), ul(), e), si = { class: "relative w-full overflow-hidden" }, ai = { class: "flex flex-col" }, ii = { class: "inline-block min-w-full align-middle" }, ui = { class: "relative" }, ci = { class: "min-w-full border-separate border-spacing-0" }, di = {
+const Ro = /* @__PURE__ */ Ee(ei, [["render", li], ["__scopeId", "data-v-945515f9"]]), ri = (e) => (il("data-v-6e5812c9"), e = e(), ul(), e), si = { class: "relative w-full overflow-hidden" }, ai = { class: "flex flex-col" }, ii = { class: "inline-block min-w-full align-middle" }, ui = { class: "relative min-h-[300px]" }, ci = { class: "min-w-full border-separate border-spacing-0" }, di = {
   key: 0,
   class: "th"
 }, fi = {
@@ -5439,18 +5445,18 @@ const Ro = /* @__PURE__ */ Ee(ei, [["render", li], ["__scopeId", "data-v-945515f
       let M = V.value.length;
       return M += l.checkable ? 1 : 0, M += l.detailed ? 1 : 0, M;
     }), F = U(() => l.detailed);
-    Oe(
+    Le(
       () => l.checkedRows,
       (M) => {
         s.value = [...M];
       },
       { deep: !0 }
-    ), Oe(
+    ), Le(
       () => l.sortField,
       () => {
         we();
       }
-    ), Oe(
+    ), Le(
       () => l.sortDirection,
       () => {
         we();
@@ -5810,7 +5816,7 @@ const Ro = /* @__PURE__ */ Ee(ei, [["render", li], ["__scopeId", "data-v-945515f
     };
   }
 });
-const Uo = /* @__PURE__ */ Ee(Di, [["__scopeId", "data-v-07e72f3e"]]), zo = Y({
+const Uo = /* @__PURE__ */ Ee(Di, [["__scopeId", "data-v-6e5812c9"]]), zo = Y({
   name: "BaseTableColumn",
   props: {
     label: {
@@ -6079,12 +6085,19 @@ const qi = /* @__PURE__ */ Ee(Ni, [["render", zi]]), Ki = { class: "flex justify
           text: c.data.message,
           color: "success"
         }), t("delete", u), k();
+      }).catch((c) => {
+        var d, v;
+        i.push({
+          title: o.t("sui.error"),
+          text: (v = (d = c.response.data) == null ? void 0 : d.message) != null ? v : "Unknown error",
+          color: "danger"
+        });
       });
     }, h = P([]), V = "sprintify.visible_columns." + window.location.pathname, j = JSON.parse(
       localStorage.getItem(V) + ""
     );
     j && it(j) && j.length > 0 && (h.value = j);
-    const F = Oe(
+    const F = Le(
       () => p.value,
       () => {
         p.value && p.value.newColumns.length && h.value.length == 0 && (h.value = p.value.newColumns.filter((u) => !u.optional).map((u) => u.newKey), F());
@@ -6456,7 +6469,7 @@ const qi = /* @__PURE__ */ Ee(Ni, [["render", zi]]), Ki = { class: "flex justify
       month: null,
       day: null
     });
-    Oe(
+    Le(
       () => t.modelValue,
       () => {
         if (t.modelValue) {
@@ -6742,7 +6755,7 @@ const ju = /* @__PURE__ */ Ee(Lu, [["render", Vu]]), Fu = {
     const n = e;
     let t = null;
     const l = P(!1);
-    return Oe(
+    return Le(
       () => n.modelValue,
       (o) => {
         o ? t = setTimeout(() => {
@@ -7351,6 +7364,13 @@ const ju = /* @__PURE__ */ Ee(Lu, [["render", Vu]]), Fu = {
   emits: ["update:modelValue"],
   setup(e, { emit: n }) {
     const t = e, l = P(t.currentModels);
+    Le(
+      () => t.currentModels,
+      (r, s) => {
+        l.value = r;
+      },
+      { deep: !0 }
+    );
     function o(r) {
       l.value = r, n(
         "update:modelValue",
@@ -7520,15 +7540,15 @@ const sc = /* @__PURE__ */ Ee(oc, [["render", rc]]), ac = ["src", "alt"], ic = [
           class: "h-full w-full bg-black object-contain object-center",
           alt: S(t)
         }, null, 8, ic)) : (_(), O("div", uc, [
-          S(o) == "pdf" ? (_(), ie(S(Le), {
+          S(o) == "pdf" ? (_(), ie(S(Me), {
             key: 0,
             class: "max-w-8 h-1/2 max-h-8 w-1/2 text-slate-600",
             icon: "mdi:file-pdf-box"
-          })) : S(l) == "image" ? (_(), ie(S(Le), {
+          })) : S(l) == "image" ? (_(), ie(S(Me), {
             key: 1,
             class: "max-w-8 h-1/2 max-h-8 w-1/2 text-slate-600",
             icon: "mdi:camera"
-          })) : S(l) == "audio" ? (_(), ie(S(Le), {
+          })) : S(l) == "audio" ? (_(), ie(S(Me), {
             key: 2,
             class: "max-w-8 h-1/2 max-h-8 w-1/2 text-slate-600",
             icon: "mdi:music"
@@ -7553,7 +7573,7 @@ const sc = /* @__PURE__ */ Ee(oc, [["render", rc]]), ac = ["src", "alt"], ic = [
       type: Boolean
     }
   },
-  emits: ["delete"],
+  emits: ["remove"],
   setup(e) {
     const n = e, t = U(() => n.media.file_name), l = U(() => Bn(n.media.size)), o = U(() => "url" in n.media ? n.media.url : null);
     return (r, s) => (_(), O("div", dc, [
@@ -7581,9 +7601,9 @@ const sc = /* @__PURE__ */ Ee(oc, [["render", rc]]), ac = ["src", "alt"], ic = [
           x("button", {
             type: "button",
             class: "rounded-full bg-slate-400 p-1 text-white hover:bg-slate-500",
-            onClick: s[0] || (s[0] = (i) => r.$emit("delete"))
+            onClick: s[0] || (s[0] = (i) => r.$emit("remove"))
           }, [
-            K(S(Le), {
+            K(S(Me), {
               icon: "heroicons:x-mark-20-solid",
               class: "h-4 w-4"
             })
@@ -7595,7 +7615,7 @@ const sc = /* @__PURE__ */ Ee(oc, [["render", rc]]), ac = ["src", "alt"], ic = [
 }), yc = { class: "text-center" }, bc = { class: "mb-0 text-sm font-medium leading-tight" }, wc = { class: "mt-1 text-xs leading-tight text-slate-500" }, xc = { key: 0 }, kc = {
   key: 1,
   class: "mt-5"
-}, Sc = { class: "grid gap-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4" }, _c = /* @__PURE__ */ Y({
+}, Sc = { class: "-m-1 flex flex-wrap" }, _c = /* @__PURE__ */ Y({
   __name: "BaseMediaLibrary",
   props: {
     modelValue: {
@@ -7731,7 +7751,7 @@ const sc = /* @__PURE__ */ Ee(oc, [["render", rc]]), ac = ["src", "alt"], ic = [
               x("div", {
                 class: z(["rounded border border-dashed p-6 duration-150", [
                   R.dragging ? "bg-blue-100" : "bg-slate-100",
-                  R.disabled ? "cursor-not-allowed border-slate-300" : "border-slate-400 hover:bg-slate-50"
+                  R.disabled ? "cursor-not-allowed border-slate-300" : "border-slate-300 hover:bg-slate-50"
                 ]])
               }, [
                 x("div", {
@@ -7739,7 +7759,7 @@ const sc = /* @__PURE__ */ Ee(oc, [["render", rc]]), ac = ["src", "alt"], ic = [
                 }, [
                   K(F, {
                     icon: "heroicons:arrow-up-on-square",
-                    class: "mx-auto mb-3 h-6 w-6 text-slate-500"
+                    class: "mx-auto mb-3 h-6 w-6 text-primary-500"
                   }),
                   x("div", yc, [
                     x("p", bc, X(V.$t("sui.drop_or_click_to_upload")), 1),
@@ -7768,32 +7788,34 @@ const sc = /* @__PURE__ */ Ee(oc, [["render", rc]]), ac = ["src", "alt"], ic = [
         S(s).length + S(i).to_add.length ? (_(), O("div", kc, [
           x("div", Sc, [
             (_(!0), O(be, null, Ie(S(s), (R, k) => (_(), O("div", {
-              key: R.id
+              key: R.id,
+              class: "min-w-[220px] flex-1 p-1"
             }, [
               K(un, {
                 media: R,
                 "show-remove": !e.disabled,
-                onDelete: (L) => b(k)
+                onRemove: (L) => b(k)
               }, {
                 default: W(() => [
                   He(X(R.file_name), 1)
                 ]),
                 _: 2
-              }, 1032, ["media", "show-remove", "onDelete"])
+              }, 1032, ["media", "show-remove", "onRemove"])
             ]))), 128)),
             (_(!0), O(be, null, Ie(S(i).to_add, (R, k) => (_(), O("div", {
-              key: R.id
+              key: R.id,
+              class: "min-w-[220px] flex-1 p-1"
             }, [
               K(un, {
                 media: R,
                 "show-remove": !e.disabled,
-                onDelete: (L) => C(k)
+                onRemove: (L) => C(k)
               }, {
                 default: W(() => [
                   He(X(R.file_name), 1)
                 ]),
                 _: 2
-              }, 1032, ["media", "show-remove", "onDelete"])
+              }, 1032, ["media", "show-remove", "onRemove"])
             ]))), 128))
           ])
         ])) : ne("", !0)
@@ -7947,12 +7969,12 @@ const sc = /* @__PURE__ */ Ee(oc, [["render", rc]]), ac = ["src", "alt"], ic = [
                 onClick: s[0] || (s[0] = (i) => t())
               }, [
                 Tc,
-                S(n) ? (_(), ie(S(Le), {
+                S(n) ? (_(), ie(S(Me), {
                   key: 1,
                   icon: "heroicons:x-mark",
                   class: "block h-6 w-6",
                   "aria-hidden": "true"
-                })) : (_(), ie(S(Le), {
+                })) : (_(), ie(S(Me), {
                   key: 0,
                   icon: "heroicons:bars-3",
                   class: "block h-6 w-6",
@@ -8008,7 +8030,7 @@ const sc = /* @__PURE__ */ Ee(oc, [["render", rc]]), ac = ["src", "alt"], ic = [
       class: z(S(r))
     }, [
       x("div", Oc, [
-        e.icon ? (_(), ie(S(Le), {
+        e.icon ? (_(), ie(S(Me), {
           key: 0,
           icon: e.icon,
           class: z(S(s))
@@ -8127,7 +8149,7 @@ function qc(e, n, t, l, o, r) {
   ], 2);
 }
 const Kc = /* @__PURE__ */ Ee(Nc, [["render", qc]]), Hc = Y({
-  components: { BaseIcon: Le },
+  components: { BaseIcon: Me },
   props: {
     modelValue: {
       default: "",
@@ -8338,7 +8360,7 @@ const nd = /* @__PURE__ */ Ee(Zc, [["render", td], ["__scopeId", "data-v-b63fac0
       var w, D;
       return t.modelValue === o ? !0 : [...(D = (w = s.value) == null ? void 0 : w.options) != null ? D : []].findIndex((h) => ml(h.value, t.modelValue)) != -1;
     }
-    Oe(
+    Le(
       () => t.modelValue,
       () => b()
     ), $e(() => {
@@ -8423,14 +8445,14 @@ const pd = /* @__PURE__ */ Ee(ad, [["render", fd]]), hd = ["href", "disabled", "
             href: e.disabled ? void 0 : s,
             disabled: e.disabled,
             class: z(["group relative flex items-center px-3 py-1", [
-              (e.activeStrategy == "default" ? p : y) ? "font-semibold text-blue-600" : "text-slate-600 hover:text-slate-900",
+              (e.activeStrategy == "default" ? p : y) ? "font-semibold text-primary-600" : "text-slate-600 hover:text-slate-900",
               e.disabled ? "cursor-not-allowed opacity-60" : ""
             ]]),
             onClick: Pe((C) => t(i), ["prevent"])
           }, [
             x("div", {
               class: z(["absolute left-0 top-0 h-full", [
-                (e.activeStrategy == "default" ? p : y) ? "w-[2px] bg-blue-600" : "group-hover:w-px group-hover:bg-slate-700"
+                (e.activeStrategy == "default" ? p : y) ? "w-[2px] bg-primary-600" : "group-hover:w-px group-hover:bg-slate-700"
               ]])
             }, null, 2),
             Z(l.$slots, "default")
@@ -8639,14 +8661,14 @@ const Ed = /* @__PURE__ */ Ee(_d, [["render", Ad]]), Td = { role: "presentation"
             x("a", {
               href: o,
               class: z(["group relative inline-block rounded-t-lg px-2 py-3 font-medium", [
-                (e.activeStrategy == "default" ? s : i) ? "text-blue-600" : "text-slate-600 hover:text-slate-900",
+                (e.activeStrategy == "default" ? s : i) ? "text-primary-600" : "text-slate-600 hover:text-slate-900",
                 e.disabled ? "cursor-not-allowed opacity-60" : ""
               ]]),
               onClick: r
             }, [
               x("div", {
                 class: z(["absolute left-0 bottom-0 w-full", [
-                  (e.activeStrategy == "default" ? s : i) ? "h-[2px] bg-blue-600" : "group-hover:h-px group-hover:bg-slate-700"
+                  (e.activeStrategy == "default" ? s : i) ? "h-[2px] bg-primary-600" : "group-hover:h-px group-hover:bg-slate-700"
                 ]])
               }, null, 2),
               x("div", Md, [
@@ -8823,7 +8845,7 @@ const Ed = /* @__PURE__ */ Ee(_d, [["render", Ad]]), Td = { role: "presentation"
   BaseFilePicker: qo,
   BaseFileUploader: Ho,
   BaseHasMany: ec,
-  BaseIcon: Le,
+  BaseIcon: Me,
   BaseInput: nc,
   BaseInputLabel: sc,
   BaseLoadingCover: Ko,
@@ -8967,7 +8989,7 @@ Cette action est irr\xE9versible.`,
   whoops: "Oups",
   x_rows_selected: `1 item s\xE9lectionn\xE9 | 
 {count} items s\xE9lectionn\xE9s`,
-  year: "An",
+  year: "Ann\xE9e",
   yes_delete: "Oui, supprimer",
   you_can_upload_up_to_n_files: "Vous pouvez t\xE9l\xE9charger un fichier au maximum|Vous pouvez t\xE9l\xE9charger jusqu'\xE0 {count}\xA0fichiers",
   you_cannot_select_more_than_x_items: "Vous ne pouvez pas s\xE9lectionner plus de un \xE9l\xE9ment|Vous ne pouvez pas s\xE9lectionner plus de {count} \xE9l\xE9ments"
@@ -9057,7 +9079,7 @@ export {
   qo as BaseFilePicker,
   Ho as BaseFileUploader,
   ec as BaseHasMany,
-  Le as BaseIcon,
+  Me as BaseIcon,
   nc as BaseInput,
   sc as BaseInputLabel,
   Ko as BaseLoadingCover,

package/dist/style.css

@@ -1,4 +1,4 @@
-@charset "UTF-8";.spinner[data-v-945515f9]{animation:rotate-945515f9 1s linear infinite;-webkit-animation:rotate-945515f9 1s linear infinite;-moz-animation:rotate-945515f9 1s linear infinite}@keyframes rotate-945515f9{to{transform:rotate(360deg)}}.path[data-v-945515f9]{stroke-dasharray:170;stroke-dashoffset:20}.th[data-v-07e72f3e]{background-color:rgb(248 250 252 / var(--tw-bg-opacity));position:sticky;top:0px;z-index:1;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-bg-opacity: .75;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}circle[data-v-b63fac0e]{transition:stroke-dashoffset .35s;transform:rotate(-90deg);transform-origin:50% 50%}/*!
+@charset "UTF-8";.spinner[data-v-945515f9]{animation:rotate-945515f9 1s linear infinite;-webkit-animation:rotate-945515f9 1s linear infinite;-moz-animation:rotate-945515f9 1s linear infinite}@keyframes rotate-945515f9{to{transform:rotate(360deg)}}.path[data-v-945515f9]{stroke-dasharray:170;stroke-dashoffset:20}.th[data-v-6e5812c9]{background-color:rgb(248 250 252 / var(--tw-bg-opacity));position:sticky;top:0px;z-index:1;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));--tw-bg-opacity: .75;--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}circle[data-v-b63fac0e]{transition:stroke-dashoffset .35s;transform:rotate(-90deg);transform-origin:50% 50%}/*!
  * Pikaday
  * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
  */.pika-single{z-index:9999;display:block;position:relative;color:#333;background:#fff;border:1px solid #ccc;border-bottom-color:#bbb;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.pika-single:before,.pika-single:after{content:" ";display:table}.pika-single:after{clear:both}.pika-single.is-hidden{display:none}.pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px #00000080}.pika-lendar{float:left;width:240px;margin:8px}.pika-title{position:relative;text-align:center}.pika-label{display:inline-block;position:relative;z-index:9999;overflow:hidden;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:700;background-color:#fff}.pika-title select{cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:5px;opacity:0}.pika-prev,.pika-next{display:block;cursor:pointer;position:relative;outline:none;border:0;padding:0;width:20px;height:30px;text-indent:20px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:75% 75%;opacity:.5}.pika-prev:hover,.pika-next:hover{opacity:1}.pika-prev,.is-rtl .pika-next{float:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==)}.pika-next,.is-rtl .pika-prev{float:right;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=)}.pika-select{display:inline-block}.pika-table{width:100%;border-collapse:collapse;border-spacing:0;border:0}.pika-table th,.pika-table td{width:14.285714285714286%;padding:0}.pika-table th{color:#999;font-size:12px;line-height:25px;font-weight:700;text-align:center}.pika-button{cursor:pointer;display:block;box-sizing:border-box;-moz-box-sizing:border-box;outline:none;border:0;margin:0;width:100%;padding:5px;color:#666;font-size:12px;line-height:15px;text-align:right;background:#f5f5f5;height:initial}.pika-week{font-size:11px;color:#999}.is-today .pika-button{color:#3af;font-weight:700}.is-selected .pika-button,.has-event .pika-button{color:#fff;font-weight:700;background:#33aaff;box-shadow:inset 0 1px 3px #178fe5;border-radius:3px}.has-event .pika-button{background:#005da9;box-shadow:inset 0 1px 3px #0076c9}.is-disabled .pika-button,.is-inrange .pika-button{background:#D5E9F7}.is-startrange .pika-button{color:#fff;background:#6CB31D;box-shadow:none;border-radius:3px}.is-endrange .pika-button{color:#fff;background:#33aaff;box-shadow:none;border-radius:3px}.is-disabled .pika-button{pointer-events:none;cursor:default;color:#999;opacity:.3}.is-outside-current-month .pika-button{color:#999;opacity:.3}.is-selection-disabled{pointer-events:none;cursor:default}.pika-button:hover,.pika-row.pick-whole-week:hover .pika-button{color:#fff;background:#ff8000;box-shadow:none;border-radius:3px}.pika-table abbr{border-bottom:none;cursor:help}.pikaday-white{--backgroundColor: #ffffff;--textColor: #718096;--currentDateTextColor: #3182ce;--selectedDateBackgroundColor: #3182ce;--selectedDateTextColor: #ffffff;--labelTextColor: #4a5568;--weekDaysTextColor: #a0aec0;font-family:inherit;background-color:var(--backgroundColor);padding:.5rem;z-index:2000;margin:6px 0 0;--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);border-radius:.5rem}.pikaday-white .pika-title{width:100%;text-align:center;display:flex;justify-content:flex-start;margin-bottom:5px}.pikaday-white .pika-prev,.pikaday-white .pika-next{position:absolute;outline:none;padding:0;width:26px;height:26px;top:-1px;display:inline-block;margin-top:0;cursor:pointer;text-indent:-9999px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:center center;background-repeat:no-repeat;opacity:.7}.pikaday-white .pika-prev:hover,.pikaday-white .pika-next:hover{opacity:1}.pikaday-white .pika-prev{right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a0aec0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 19l-7-7 7-7'%3E%3C/path%3E%3C/svg%3E")}.pikaday-white .pika-next{right:2px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a0aec0'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 5l7 7-7 7'%3E%3C/path%3E%3C/svg%3E")}.pika-prev.is-disabled,.pika-next.is-disabled{cursor:default;opacity:.2}.pikaday-white .pika-label{margin-right:.375rem;border-radius:.25rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity));padding:.25rem .5rem;font-size:14px;font-weight:500;line-height:1}.pikaday-white .pika-label{position:relative}.pikaday-white .pika-select-month,.pikaday-white .pika-select-year{width:100%;cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:0;opacity:0;padding:0}.pikaday-white table{width:100%;border-collapse:collapse}.pikaday-white table th{width:2em;height:2em;font-weight:400;color:var(--weekDaysTextColor);text-align:center}.pikaday-white table th abbr{text-decoration:none}.pikaday-white table td{padding:1px}.pikaday-white table td button{width:2em;height:2em;text-align:center;border-radius:9999px;background-color:var(--backgroundColor)}.pikaday-white table td button:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.pikaday-white table td.is-today button{color:var(--currentDateTextColor)}.pikaday-white table td.is-selected button{--tw-bg-opacity: 1;background-color:rgb(99 102 241 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));font-weight:400}.pikaday-white table td button{color:var(--textColor)}input::-moz-placeholder,textarea::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity))}input::placeholder,textarea::placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity))}

package/dist/types/src/components/BaseMediaItem.vue.d.ts

@@ -10,7 +10,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "delete"[], "delete", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "remove"[], "remove", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     media: {
         required: true;
         type: PropType<UploadedFile | Media>;
@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
     };
 }>> & {
-    onDelete?: ((...args: any[]) => any) | undefined;
+    onRemove?: ((...args: any[]) => any) | undefined;
 }, {
     showRemove: boolean;
 }>;

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
+    "build-fast": "rimraf dist && vite build",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
     "docs:serve": "vitepress serve docs",

package/src/components/BaseAppDialogs.vue

@@ -11,7 +11,7 @@
     >
       <div
         v-if="dialogs.length"
-        class="z-dialogs fixed inset-0 h-full w-full bg-black bg-opacity-60"
+        class="fixed inset-0 z-dialogs h-full w-full bg-black bg-opacity-60"
       />
     </Transition>
 
@@ -29,7 +29,7 @@
         v-for="dialog in dialogs"
         :key="dialog.id"
         scroll-lock-target
-        class="z-dialogs fixed inset-0 transform overflow-y-auto"
+        class="fixed inset-0 z-dialogs transform overflow-y-auto"
       >
         <div
           class="flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0"
@@ -68,8 +68,6 @@ import { disableScroll, enableScroll } from '@/utils/scrollPreventer';
 const dialogStore = useDialogsStore();
 
 const dialogs = computed(() => {
-  console.log(dialogStore.dialogs);
-
   return dialogStore.dialogs;
 });
 

package/src/components/BaseBelongsTo.vue

@@ -86,6 +86,14 @@ const emit = defineEmits(['update:modelValue']);
 
 const model = ref(props.currentModel);
 
+watch(
+  () => props.currentModel,
+  (newValue, oldValue) => {
+    model.value = newValue;
+  },
+  { deep: true }
+);
+
 watch(
   () => props.modelValue,
   (newValue, oldValue) => {

package/src/components/BaseDataIterator.vue

@@ -11,12 +11,12 @@
         :class="{ 'col-span-1': !mobileLayout, 'col-span-2': mobileLayout }"
       >
         <!-- Header -->
-        <div class="flex mb-4 space-x-2 empty:mb-0">
+        <div class="mb-4 flex space-x-2 empty:mb-0">
           <!-- Search bar -->
           <div v-if="searchable" class="grow">
             <div class="relative h-11">
               <div
-                class="flex pointer-events-none absolute top-0 left-0 h-full items-center justify-center pl-2.5"
+                class="pointer-events-none absolute top-0 left-0 flex h-full items-center justify-center pl-2.5"
               >
                 <BaseIcon
                   class="h-6 w-6 text-slate-400"
@@ -33,7 +33,7 @@
               />
               <div
                 v-if="searchQuery"
-                class="flex absolute top-0 right-0 h-full items-center justify-center p-1"
+                class="absolute top-0 right-0 flex h-full items-center justify-center p-1"
               >
                 <button
                   type="button"
@@ -55,7 +55,7 @@
           <!-- Filters (mobile) -->
           <button
             v-if="mobileLayout && hasFilters"
-            class="flex btn h-11 items-center justify-center py-1 text-base shadow-sm"
+            class="btn flex h-11 items-center justify-center py-1 text-base shadow-sm"
             type="button"
             @click="showFilters = true"
           >

package/src/components/BaseDataTable.vue

@@ -405,19 +405,28 @@ const onDelete = (row: CollectionItem) => {
     return;
   }
 
-  http.delete(props.deleteUrl(row)).then((response) => {
-    if (response.data && response.data.message) {
+  http
+    .delete(props.deleteUrl(row))
+    .then((response) => {
+      if (response.data && response.data.message) {
+        notifications.push({
+          title: i18n.t('sui.success'),
+          text: response.data.message,
+          color: 'success',
+        });
+      }
+      emit('delete', row);
+
+      // Refetch even if URL is the same
+      fetch();
+    })
+    .catch((error) => {
       notifications.push({
-        title: i18n.t('sui.success'),
-        text: response.data.message,
-        color: 'success',
+        title: i18n.t('sui.error'),
+        text: error.response.data?.message ?? 'Unknown error',
+        color: 'danger',
       });
-    }
-    emit('delete', row);
-
-    // Refetch even if URL is the same
-    fetch();
-  });
+    });
 };
 
 /*

package/src/components/BaseHasMany.vue

@@ -82,6 +82,14 @@ const emit = defineEmits(['update:modelValue']);
 
 const models = ref(props.currentModels);
 
+watch(
+  () => props.currentModels,
+  (newValue, oldValue) => {
+    models.value = newValue;
+  },
+  { deep: true }
+);
+
 function onUpdate(newModels: Option[]) {
   models.value = newModels;
   emit(

package/src/components/BaseMediaItem.vue

@@ -23,7 +23,7 @@
         <button
           type="button"
           class="rounded-full bg-slate-400 p-1 text-white hover:bg-slate-500"
-          @click="$emit('delete')"
+          @click="$emit('remove')"
         >
           <BaseIcon icon="heroicons:x-mark-20-solid" class="h-4 w-4"></BaseIcon>
         </button>
@@ -40,7 +40,7 @@ import { fileSizeFormat } from '@/utils';
 import BaseMediaPreview from './BaseMediaPreview.vue';
 import { BaseIcon } from '.';
 
-defineEmits(['delete']);
+defineEmits(['remove']);
 
 const props = defineProps({
   media: {

package/src/components/BaseMediaLibrary.vue

@@ -25,13 +25,13 @@
               baseFileUploaderProps.dragging ? 'bg-blue-100' : 'bg-slate-100',
               baseFileUploaderProps.disabled
                 ? 'cursor-not-allowed border-slate-300'
-                : 'border-slate-400 hover:bg-slate-50',
+                : 'border-slate-300 hover:bg-slate-50',
             ]"
           >
             <div :class="[baseFileUploaderProps.disabled ? 'opacity-30' : '']">
               <BaseIcon
                 icon="heroicons:arrow-up-on-square"
-                class="mx-auto mb-3 h-6 w-6 text-slate-500"
+                class="mx-auto mb-3 h-6 w-6 text-primary-500"
               />
               <div class="text-center">
                 <p class="mb-0 text-sm font-medium leading-tight">
@@ -57,24 +57,30 @@
       v-if="currentMediaInternal.length + normalizedModelValue.to_add.length"
       class="mt-5"
     >
-      <div class="grid gap-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
-        <div v-for="(media, index) in currentMediaInternal" :key="media.id">
+      <div class="-m-1 flex flex-wrap">
+        <div
+          v-for="(media, index) in currentMediaInternal"
+          :key="media.id"
+          class="min-w-[220px] flex-1 p-1"
+        >
           <BaseMediaItem
             :media="media"
             :show-remove="!disabled"
-            @delete="promptRemoveMedia(index)"
+            @remove="promptRemoveMedia(index)"
           >
             {{ media.file_name }}
           </BaseMediaItem>
         </div>
+
         <div
           v-for="(file, index) in normalizedModelValue.to_add"
           :key="file.id"
+          class="min-w-[220px] flex-1 p-1"
         >
           <BaseMediaItem
             :media="file"
             :show-remove="!disabled"
-            @delete="promptRemoveUploadedFile(index)"
+            @remove="promptRemoveUploadedFile(index)"
           >
             {{ file.file_name }}
           </BaseMediaItem>

package/src/components/BaseSideNavigationItem.vue

@@ -10,7 +10,7 @@
       class="group relative flex items-center px-3 py-1"
       :class="[
         (activeStrategy == 'default' ? isActive : isExactActive)
-          ? 'font-semibold text-blue-600'
+          ? 'font-semibold text-primary-600'
           : 'text-slate-600 hover:text-slate-900',
         disabled ? 'cursor-not-allowed opacity-60' : '',
       ]"
@@ -20,7 +20,7 @@
         class="absolute left-0 top-0 h-full"
         :class="[
           (activeStrategy == 'default' ? isActive : isExactActive)
-            ? 'w-[2px] bg-blue-600'
+            ? 'w-[2px] bg-primary-600'
             : 'group-hover:w-px group-hover:bg-slate-700',
         ]"
       ></div>

package/src/components/BaseTabItem.vue

@@ -10,7 +10,7 @@
         class="group relative inline-block rounded-t-lg px-2 py-3 font-medium"
         :class="[
           (activeStrategy == 'default' ? isActive : isExactActive)
-            ? 'text-blue-600'
+            ? 'text-primary-600'
             : 'text-slate-600 hover:text-slate-900',
           disabled ? 'cursor-not-allowed opacity-60' : '',
         ]"
@@ -20,7 +20,7 @@
           class="absolute left-0 bottom-0 w-full"
           :class="[
             (activeStrategy == 'default' ? isActive : isExactActive)
-              ? 'h-[2px] bg-blue-600'
+              ? 'h-[2px] bg-primary-600'
               : 'group-hover:h-px group-hover:bg-slate-700',
           ]"
         ></div>

package/src/components/BaseTable.vue

@@ -10,7 +10,7 @@
         :style="{ maxHeight: maxHeight ? maxHeight + 'px' : undefined }"
       >
         <div class="inline-block min-w-full align-middle">
-          <div class="relative">
+          <div class="relative min-h-[300px]">
             <table class="min-w-full border-separate border-spacing-0">
               <thead v-if="newColumns.length" ref="thead">
                 <tr>

package/src/lang/fr.json

@@ -50,7 +50,7 @@
     "upload_failed": "Le téléchargement a échoué",
     "whoops": "Oups",
     "x_rows_selected": "1 item sélectionné | \n{count} items sélectionnés",
-    "year": "An",
+    "year": "Année",
     "yes_delete": "Oui, supprimer",
     "you_can_upload_up_to_n_files": "Vous pouvez télécharger un fichier au maximum|Vous pouvez télécharger jusqu'à {count} fichiers",
     "you_cannot_select_more_than_x_items": "Vous ne pouvez pas sélectionner plus de un élément|Vous ne pouvez pas sélectionner plus de {count} éléments"