@nexxtmove/ui 0.1.33 → 0.1.34

package/dist/index.js

@@ -1,5 +1,5 @@
-import { defineComponent as D, ref as b, computed as Q, watch as OA, createBlock as M, openBlock as o, TransitionGroup as de, withCtx as x, createElementBlock as I, Fragment as Y, renderList as G, createVNode as u, Transition as $, toDisplayString as p, normalizeClass as g, createCommentVNode as B, renderSlot as J, createElementVNode as d, normalizeProps as IA, guardReactiveProps as dA, onMounted as mA, unref as O, nextTick as vA, mergeModels as rA, useModel as gA, mergeProps as cA, watchEffect as Ae, withDirectives as se, vModelCheckbox as ge, createTextVNode as H, onUnmounted as ee, normalizeStyle as xA, withKeys as iA, withModifiers as oA, createStaticVNode as NA, resolveDynamicComponent as ce, createSlots as ue } from "vue";
-import { PaginationRoot as le, PaginationList as ze, PaginationFirst as Qe, PaginationPrev as Be, PaginationListItem as fe, PaginationEllipsis as pe, PaginationNext as ve, PaginationLast as xe, TooltipProvider as Te, TooltipRoot as Fe, TooltipTrigger as Xe, TooltipPortal as De, TooltipContent as Ce } from "reka-ui";
+import { defineComponent as D, ref as b, computed as Q, watch as OA, createBlock as M, openBlock as o, TransitionGroup as de, withCtx as x, createElementBlock as I, Fragment as Y, renderList as G, createVNode as u, Transition as $, toDisplayString as p, normalizeClass as g, createCommentVNode as f, renderSlot as J, createElementVNode as d, normalizeProps as IA, guardReactiveProps as dA, onMounted as mA, unref as O, nextTick as vA, mergeModels as rA, useModel as gA, mergeProps as cA, watchEffect as Ae, withDirectives as se, vModelCheckbox as ge, createTextVNode as H, onUnmounted as ee, normalizeStyle as xA, withKeys as iA, withModifiers as oA, createStaticVNode as NA, resolveDynamicComponent as ce, createSlots as ue } from "vue";
+import { PaginationRoot as le, PaginationList as ze, PaginationFirst as Qe, PaginationPrev as fe, PaginationListItem as Be, PaginationEllipsis as pe, PaginationNext as ve, PaginationLast as xe, TooltipProvider as Te, TooltipRoot as Fe, TooltipTrigger as Xe, TooltipPortal as De, TooltipContent as Ce } from "reka-ui";
 const Pe = /* @__PURE__ */ D({
   name: "NexxtAnimatedNumber",
   __name: "AnimatedNumber",
@@ -123,7 +123,7 @@ const Pe = /* @__PURE__ */ D({
         key: 0,
         name: A.icon,
         class: g(["transition-all duration-200", { "order-last": A.iconRight, "opacity-0": A.loading }])
-      }, null, 8, ["name", "class"])) : B("", !0),
+      }, null, 8, ["name", "class"])) : f("", !0),
       e.$slots.default ? (o(), I("span", {
         key: 1,
         class: g([
@@ -134,7 +134,7 @@ const Pe = /* @__PURE__ */ D({
         ])
       }, [
         J(e.$slots, "default")
-      ], 2)) : B("", !0),
+      ], 2)) : f("", !0),
       u($, {
         "enter-active-class": "transition-opacity duration-200",
         "enter-from-class": "opacity-0",
@@ -150,7 +150,7 @@ const Pe = /* @__PURE__ */ D({
               type: "light",
               class: "fa-spin absolute text-sm"
             })
-          ])) : B("", !0)
+          ])) : f("", !0)
         ]),
         _: 1
       })
@@ -562,9 +562,9 @@ function q(A) {
     const t = a.width, i = t && A.matchPatterns[t] || A.matchPatterns[A.defaultMatchWidth], n = e.match(i);
     if (!n)
       return null;
-    const r = n[0], m = t && A.parsePatterns[t] || A.parsePatterns[A.defaultParseWidth], E = Array.isArray(m) ? na(m, (f) => f.test(r)) : (
+    const r = n[0], m = t && A.parsePatterns[t] || A.parsePatterns[A.defaultParseWidth], E = Array.isArray(m) ? na(m, (B) => B.test(r)) : (
       // [TODO] -- I challenge you to fix the type
-      ia(m, (f) => f.test(r))
+      ia(m, (B) => B.test(r))
     );
     let s;
     s = A.valueCallback ? A.valueCallback(E) : E, s = a.valueCallback ? (
@@ -701,7 +701,7 @@ const ra = /^(\d+)(th|st|nd|rd)?/i, oa = /\d+/i, ma = {
     parsePatterns: za,
     defaultParseWidth: "any"
   })
-}, Ba = {
+}, fa = {
   code: "en-US",
   formatDistance: Ze,
   formatLong: We,
@@ -713,7 +713,7 @@ const ra = /^(\d+)(th|st|nd|rd)?/i, oa = /\d+/i, ma = {
     firstWeekContainsDate: 1
   }
 };
-function fa(A, e) {
+function Ba(A, e) {
   const a = U(A, e?.in);
   return Ue(a, Ye(a)) + 1;
 }
@@ -988,7 +988,7 @@ const y = {
   },
   // Day of year
   D: function(A, e, a) {
-    const t = fa(A);
+    const t = Ba(A);
     return e === "Do" ? a.ordinalNumber(t, { unit: "dayOfYear" }) : F(t, e.length);
   },
   // Day of week
@@ -1394,27 +1394,27 @@ function ha(A, e, a) {
 }
 const wa = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Ua = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Ma = /^'([^]*?)'?$/, ba = /''/g, Va = /[a-zA-Z]/;
 function tA(A, e, a) {
-  const t = uA(), i = a?.locale ?? t.locale ?? Ba, n = a?.firstWeekContainsDate ?? a?.locale?.options?.firstWeekContainsDate ?? t.firstWeekContainsDate ?? t.locale?.options?.firstWeekContainsDate ?? 1, r = a?.weekStartsOn ?? a?.locale?.options?.weekStartsOn ?? t.weekStartsOn ?? t.locale?.options?.weekStartsOn ?? 0, m = U(A, a?.in);
+  const t = uA(), i = a?.locale ?? t.locale ?? fa, n = a?.firstWeekContainsDate ?? a?.locale?.options?.firstWeekContainsDate ?? t.firstWeekContainsDate ?? t.locale?.options?.firstWeekContainsDate ?? 1, r = a?.weekStartsOn ?? a?.locale?.options?.weekStartsOn ?? t.weekStartsOn ?? t.locale?.options?.weekStartsOn ?? 0, m = U(A, a?.in);
   if (!Ve(m))
     throw new RangeError("Invalid time value");
   let E = e.match(Ua).map((c) => {
-    const f = c[0];
-    if (f === "p" || f === "P") {
-      const l = Fa[f];
+    const B = c[0];
+    if (B === "p" || B === "P") {
+      const l = Fa[B];
       return l(c, i.formatLong);
     }
     return c;
   }).join("").match(wa).map((c) => {
     if (c === "''")
       return { isToken: !1, value: "'" };
-    const f = c[0];
-    if (f === "'")
+    const B = c[0];
+    if (B === "'")
       return { isToken: !1, value: ka(c) };
-    if (bA[f])
+    if (bA[B])
       return { isToken: !0, value: c };
-    if (f.match(Va))
+    if (B.match(Va))
       throw new RangeError(
-        "Format string contains an unescaped latin alphabet character `" + f + "`"
+        "Format string contains an unescaped latin alphabet character `" + B + "`"
       );
     return { isToken: !1, value: c };
   });
@@ -1426,10 +1426,10 @@ function tA(A, e, a) {
   };
   return E.map((c) => {
     if (!c.isToken) return c.value;
-    const f = c.value;
-    (!a?.useAdditionalWeekYearTokens && Oa(f) || !a?.useAdditionalDayOfYearTokens && Pa(f)) && Na(f, e, String(A));
-    const l = bA[f[0]];
-    return l(m, f, i.localize, s);
+    const B = c.value;
+    (!a?.useAdditionalWeekYearTokens && Oa(B) || !a?.useAdditionalDayOfYearTokens && Pa(B)) && Na(B, e, String(A));
+    const l = bA[B[0]];
+    return l(m, B, i.localize, s);
   }).join("");
 }
 function ka(A) {
@@ -1525,7 +1525,7 @@ function hA(A, e, a, t, i, n, r) {
   const m = /* @__PURE__ */ new Date(0);
   return m.setUTCFullYear(A, e, a), m.setUTCHours(t, i, n, r), m;
 }
-const GA = 36e5, Ja = 6e4, BA = {
+const GA = 36e5, Ja = 6e4, fA = {
   timezoneZ: /^(Z)$/,
   timezoneHH: /^([+-]\d{2})$/,
   timezoneHHMM: /^([+-])(\d{2}):?(\d{2})$/
@@ -1533,13 +1533,13 @@ const GA = 36e5, Ja = 6e4, BA = {
 function wA(A, e, a) {
   if (!A)
     return 0;
-  let t = BA.timezoneZ.exec(A);
+  let t = fA.timezoneZ.exec(A);
   if (t)
     return 0;
   let i, n;
-  if (t = BA.timezoneHH.exec(A), t)
+  if (t = fA.timezoneHH.exec(A), t)
     return i = parseInt(t[1], 10), JA(i) ? -(i * GA) : NaN;
-  if (t = BA.timezoneHHMM.exec(A), t) {
+  if (t = fA.timezoneHHMM.exec(A), t) {
     i = parseInt(t[2], 10);
     const r = parseInt(t[3], 10);
     return JA(i, r) ? (n = Math.abs(i) * GA + r * Ja, t[1] === "+" ? -n : n) : NaN;
@@ -1586,7 +1586,7 @@ function WA(A) {
   const e = new Date(Date.UTC(A.getFullYear(), A.getMonth(), A.getDate(), A.getHours(), A.getMinutes(), A.getSeconds(), A.getMilliseconds()));
   return e.setUTCFullYear(A.getFullYear()), +A - +e;
 }
-const me = /(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/, fA = 36e5, qA = 6e4, ya = 2, Z = {
+const me = /(Z|[+-]\d{2}(?::?\d{2})?| UTC| [a-zA-Z]+\/[a-zA-Z_]+(?:\/[a-zA-Z_]+)?)$/, BA = 36e5, qA = 6e4, ya = 2, Z = {
   dateTimePattern: /^([0-9W+-]+)(T| )(.*)/,
   datePattern: /^([0-9W+-]+)(.*)/,
   // year tokens
@@ -1714,13 +1714,13 @@ function $a(A, e) {
 function _a(A) {
   let e, a, t = Z.HH.exec(A);
   if (t)
-    return e = parseFloat(t[1].replace(",", ".")), pA(e) ? e % 24 * fA : NaN;
+    return e = parseFloat(t[1].replace(",", ".")), pA(e) ? e % 24 * BA : NaN;
   if (t = Z.HHMM.exec(A), t)
-    return e = parseInt(t[1], 10), a = parseFloat(t[2].replace(",", ".")), pA(e, a) ? e % 24 * fA + a * qA : NaN;
+    return e = parseInt(t[1], 10), a = parseFloat(t[2].replace(",", ".")), pA(e, a) ? e % 24 * BA + a * qA : NaN;
   if (t = Z.HHMMSS.exec(A), t) {
     e = parseInt(t[1], 10), a = parseInt(t[2], 10);
     const i = parseFloat(t[3].replace(",", "."));
-    return pA(e, a, i) ? e % 24 * fA + a * qA + i * 1e3 : NaN;
+    return pA(e, a, i) ? e % 24 * BA + a * qA + i * 1e3 : NaN;
   }
   return null;
 }
@@ -1977,7 +1977,7 @@ const it = {
     values: lt,
     defaultWidth: "wide"
   })
-}, Bt = /^(\d+)e?/i, ft = /\d+/i, pt = {
+}, ft = /^(\d+)e?/i, Bt = /\d+/i, pt = {
   narrow: /^([vn]\.? ?C\.?)/,
   abbreviated: /^([vn]\. ?Chr\.?)/,
   wide: /^((voor|na) Christus)/
@@ -2045,8 +2045,8 @@ const it = {
   }
 }, Nt = {
   ordinalNumber: ne({
-    matchPattern: Bt,
-    parsePattern: ft,
+    matchPattern: ft,
+    parsePattern: Bt,
     valueCallback: (A) => parseInt(A, 10)
   }),
   era: q({
@@ -2169,7 +2169,7 @@ const it = {
             ]),
             _: 1
           }, 16)
-        ])) : B("", !0),
+        ])) : f("", !0),
         A.pickerView !== "years" ? (o(), I("div", kt, [
           u($, IA(dA(r)), {
             default: x(() => [
@@ -2185,8 +2185,8 @@ const it = {
             ]),
             _: 1
           }, 16)
-        ])) : B("", !0),
-        A.pickerView === "years" ? (o(), I("span", Ht, "Kies jaar")) : B("", !0)
+        ])) : f("", !0),
+        A.pickerView === "years" ? (o(), I("span", Ht, "Kies jaar")) : f("", !0)
       ]),
       A.pickerView === "days" ? (o(), I("button", {
         key: 3,
@@ -2234,7 +2234,7 @@ const it = {
     }), c = Q(() => t.calendarDays.length === 0 ? [] : t.calendarDays.slice(0, 7).map((l) => {
       const X = tA(l, "EEEEEE", { locale: t.locale });
       return X.charAt(0).toUpperCase() + X.slice(1);
-    })), f = (l, X) => {
+    })), B = (l, X) => {
       let z = X;
       switch (l.key) {
         case "ArrowRight":
@@ -2309,7 +2309,7 @@ const it = {
               A.isDisabled(T) ? "cursor-not-allowed opacity-30" : ""
             ]),
             onClick: (h) => i("select", T),
-            onKeydown: (h) => f(h, N * 7 + v)
+            onKeydown: (h) => B(h, N * 7 + v)
           }, [
             d("span", qt, p(O(tA)(T, "d")), 1),
             E(T) ? (o(), I("span", {
@@ -2318,7 +2318,7 @@ const it = {
                 "absolute bottom-1 left-1/2 h-1 w-1 -translate-x-1/2 rounded-full",
                 m(T) ? "bg-white" : "bg-cornflower-blue-500"
               ])
-            }, null, 2)) : B("", !0)
+            }, null, 2)) : f("", !0)
           ], 42, Wt)
         ], 8, Kt))), 128))
       ]))), 128))
@@ -2342,8 +2342,8 @@ const it = {
   setup(A, { emit: e }) {
     const a = A, t = e, i = Q(
       () => Array.from({ length: 12 }, (E, s) => {
-        const c = w(new Date(Date.UTC(a.viewYear, s, 1)), a.timezone), f = tA(c, "LLL", { locale: a.locale }).replace(".", "").trim();
-        return { index: s, label: f.charAt(0).toUpperCase() + f.slice(1) };
+        const c = w(new Date(Date.UTC(a.viewYear, s, 1)), a.timezone), B = tA(c, "LLL", { locale: a.locale }).replace(".", "").trim();
+        return { index: s, label: B.charAt(0).toUpperCase() + B.slice(1) };
       })
     ), n = (E) => {
       const s = a.viewYear, c = w(new Date(Date.UTC(s, E, 1)), a.timezone);
@@ -2364,7 +2364,7 @@ const it = {
           r(c.index) ? "bg-cornflower-blue-500 font-medium text-white" : m(c.index) ? "font-medium text-cornflower-blue-500 ring-1 ring-cornflower-blue-500" : "text-gray-700 hover:bg-cornflower-blue-50",
           n(c.index) ? "cursor-not-allowed opacity-30" : "cursor-pointer"
         ]),
-        onClick: (f) => t("select", c.index)
+        onClick: (B) => t("select", c.index)
       }, p(c.label), 11, jt))), 128))
     ]));
   }
@@ -2448,7 +2448,7 @@ const it = {
     }, c = (k) => {
       const R = w(k, A.timezone);
       s(R) || (DA(R, i.value) || (i.value = EA(R)), a.value = tt(R, A.timezone), t("select", a.value));
-    }, f = (k) => {
+    }, B = (k) => {
       m.value = "fade";
       const R = w(
         new Date(Date.UTC(i.value.getUTCFullYear(), k, 1)),
@@ -2541,7 +2541,7 @@ const it = {
               "max-date": A.maxDate,
               locale: A.locale,
               timezone: A.timezone,
-              onSelect: f
+              onSelect: B
             }, null, 8, ["view-year", "model-value", "current-month", "min-date", "max-date", "locale", "timezone"])) : n.value === "years" ? (o(), M(ai, {
               key: "years",
               "view-year": i.value.getFullYear(),
@@ -2549,7 +2549,7 @@ const it = {
               "max-date": A.maxDate,
               timezone: A.timezone,
               onSelect: l
-            }, null, 8, ["view-year", "min-date", "max-date", "timezone"])) : B("", !0)
+            }, null, 8, ["view-year", "min-date", "max-date", "timezone"])) : f("", !0)
           ]),
           _: 1
         }, 16, ["mode"])
@@ -2588,8 +2588,8 @@ const it = {
         "aria-hidden": "true",
         class: g([
           "flex h-5 w-5 shrink-0 items-center justify-center rounded border transition-colors duration-200",
-          "peer-focus-visible:ring-primary peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2",
-          e.value || A.indeterminate ? "border-primary text-cornflower-blue-600" : "border-gray-300 text-transparent"
+          "peer-focus-visible:ring-2 peer-focus-visible:ring-cornflower-blue-400 peer-focus-visible:ring-offset-2",
+          e.value || A.indeterminate ? "border-cornflower-blue-600 text-cornflower-blue-600" : "border-gray-300 text-transparent"
         ])
       }, [
         u(C, {
@@ -2678,26 +2678,26 @@ const it = {
           class: "text-2xl text-purple-500",
           "aria-hidden": "true"
         }, null, 8, ["name"])
-      ])) : B("", !0),
+      ])) : f("", !0),
       d("div", {
         class: g(["flex flex-col items-start gap-1", a.value ? "py-6 pr-4" : ""])
       }, [
-        A.title ? (o(), I("span", Ei, p(A.title), 1)) : B("", !0),
+        A.title ? (o(), I("span", Ei, p(A.title), 1)) : f("", !0),
         A.amount ? (o(), I("span", {
           key: 1,
           class: g(["heading-1", a.value ? "text-purple-500" : "text-sapphire-900"])
-        }, p(A.amount), 3)) : B("", !0),
+        }, p(A.amount), 3)) : f("", !0),
         A.percentage ? (o(), I("div", Ii, [
           d("span", {
             class: g(["extra-small-semibold", A.percentage > 0 ? "text-green-500" : "text-brick-500"])
           }, [
             A.percentage > 0 ? (o(), I(Y, { key: 0 }, [
               H("+")
-            ], 64)) : B("", !0),
+            ], 64)) : f("", !0),
             H(p(A.percentage) + "%", 1)
           ], 2),
-          A.percentageExplanaition ? (o(), I("span", di, p(A.percentageExplanaition), 1)) : B("", !0)
-        ])) : B("", !0)
+          A.percentageExplanaition ? (o(), I("span", di, p(A.percentageExplanaition), 1)) : f("", !0)
+        ])) : f("", !0)
       ], 2)
     ], 10, oi));
   }
@@ -2736,10 +2736,10 @@ const it = {
       a.autoClose && (n.value = !1);
     }, c = (z) => {
       n.value && z.key === "Escape" && (n.value = !1);
-    }, f = (z) => {
+    }, B = (z) => {
       r.value && !r.value.contains(z.target) && (n.value = !1);
     };
-    mA(() => document.addEventListener("mousedown", f)), ee(() => document.removeEventListener("mousedown", f));
+    mA(() => document.addEventListener("mousedown", B)), ee(() => document.removeEventListener("mousedown", B));
     const l = Q(() => ({
       "bottom-right": "top-full right-0 mt-2 origin-top-right",
       "bottom-left": "top-full left-0 mt-2 origin-top-left",
@@ -2802,7 +2802,7 @@ const it = {
               modelValue: e.value,
               "onUpdate:modelValue": N[1] || (N[1] = (T) => e.value = T)
             }, i.value, { onSelect: s }), null, 16, ["modelValue"])
-          ], 2)) : B("", !0)
+          ], 2)) : f("", !0)
         ]),
         _: 1
       }, 16)
@@ -2834,7 +2834,7 @@ const it = {
     }), ee(() => {
       document.removeEventListener("mousedown", E);
     });
-    const s = Q(() => A.variant === "primary" ? "bg-button-bg-primary-default text-button-text-primary-default" : A.variant === "secondary" ? "bg-button-bg-secondary-default text-button-text-secondary-default border-button-border-secondary-default border border-solid" : ""), c = Q(() => A.variant === "primary" ? "bg-button-bg-primary-default hover:bg-button-bg-primary-hover focus-visible:bg-button-bg-primary-focussed focus-visible:outline-button-border-primary-focussed focus-visible:outline focus-visible:outline-solid active:bg-button-bg-primary-selected" : A.variant === "secondary" ? "bg-button-bg-secondary-default hover:bg-button-bg-secondary-hover focus-visible:bg-button-bg-secondary-focussed focus-visible:outline-button-border-secondary-focussed focus-visible:outline focus-visible:outline-solid active:bg-button-bg-secondary-selected" : ""), f = Q(() => {
+    const s = Q(() => A.variant === "primary" ? "bg-button-bg-primary-default text-button-text-primary-default" : A.variant === "secondary" ? "bg-button-bg-secondary-default text-button-text-secondary-default border-button-border-secondary-default border border-solid" : ""), c = Q(() => A.variant === "primary" ? "bg-button-bg-primary-default hover:bg-button-bg-primary-hover focus-visible:bg-button-bg-primary-focussed focus-visible:outline-button-border-primary-focussed focus-visible:outline focus-visible:outline-solid active:bg-button-bg-primary-selected" : A.variant === "secondary" ? "bg-button-bg-secondary-default hover:bg-button-bg-secondary-hover focus-visible:bg-button-bg-secondary-focussed focus-visible:outline-button-border-secondary-focussed focus-visible:outline focus-visible:outline-solid active:bg-button-bg-secondary-selected" : ""), B = Q(() => {
       const l = A.placement === "right" ? "origin-top-right" : "origin-top-left";
       return {
         enterActiveClass: `transition-all duration-200 ease-out ${l}`,
@@ -2861,7 +2861,7 @@ const it = {
             key: 0,
             name: A.icon,
             "aria-hidden": "true"
-          }, null, 8, ["name"])) : B("", !0),
+          }, null, 8, ["name"])) : f("", !0),
           H(" " + p(A.label), 1)
         ], 2),
         d("span", {
@@ -2882,7 +2882,7 @@ const it = {
           }, null, 8, ["class"])
         ], 10, si)
       ], 2),
-      u($, IA(dA(f.value)), {
+      u($, IA(dA(B.value)), {
         default: x(() => [
           t.value ? (o(), I("div", {
             key: 0,
@@ -2899,10 +2899,10 @@ const it = {
                 key: 0,
                 name: z.icon,
                 "aria-hidden": "true"
-              }, null, 8, ["name"])) : B("", !0),
+              }, null, 8, ["name"])) : f("", !0),
               H(" " + p(z.label), 1)
             ], 8, gi))), 128))
-          ], 2)) : B("", !0)
+          ], 2)) : f("", !0)
         ]),
         _: 1
       }, 16)
@@ -2936,18 +2936,18 @@ const it = {
             H(p(A.backButtonText), 1)
           ]),
           _: 1
-        }, 8, ["onClick"])) : B("", !0),
+        }, 8, ["onClick"])) : f("", !0),
         d("span", ui, p(A.title), 1)
       ]),
       e.$slots.center ? (o(), I("div", li, [
         J(e.$slots, "center")
-      ])) : B("", !0),
+      ])) : f("", !0),
       e.$slots.right ? (o(), I("div", {
         key: 1,
         class: g(e.$slots.center ? "col-span-1 col-start-3 flex justify-end" : "ml-auto")
       }, [
         J(e.$slots, "right")
-      ], 2)) : B("", !0)
+      ], 2)) : f("", !0)
     ], 2));
   }
 }), Qi = { class: "p-5" }, Un = /* @__PURE__ */ D({
@@ -3052,7 +3052,7 @@ const it = {
               ]),
               _: 1
             }, 8, ["disabled"]),
-            u(O(Be), {
+            u(O(fe), {
               class: "mr-4 flex h-8 w-8 cursor-pointer items-center justify-center rounded-lg bg-transparent transition hover:bg-cornflower-blue-50 disabled:cursor-not-allowed disabled:opacity-50",
               disabled: A.disabled
             }, {
@@ -3062,7 +3062,7 @@ const it = {
               _: 1
             }, 8, ["disabled"]),
             (o(!0), I(Y, null, G(i, (n, r) => (o(), I(Y, null, [
-              n.type === "page" ? (o(), M(O(fe), {
+              n.type === "page" ? (o(), M(O(Be), {
                 key: r,
                 value: n.value,
                 disabled: A.disabled,
@@ -3108,7 +3108,7 @@ const it = {
       _: 1
     }, 8, ["total", "items-per-page", "sibling-count", "page", "show-edges"]));
   }
-}), Bi = { class: "@container" }, fi = { class: "flex flex-col @md:gap-2" }, pi = { class: "flex items-center justify-between gap-2" }, vi = ["aria-label", "aria-valuenow", "aria-valuetext"], xi = {
+}), fi = { class: "@container" }, Bi = { class: "flex flex-col @md:gap-2" }, pi = { class: "flex items-center justify-between gap-2" }, vi = ["aria-label", "aria-valuenow", "aria-valuetext"], xi = {
   key: 0,
   class: "flex items-center small-normal tabular-nums @md:hidden",
   "aria-hidden": "true"
@@ -3132,8 +3132,8 @@ const it = {
       A.stepTitles && A.stepTitles.length !== A.steps && console.warn(
         `[NexxtProgressBar] The "stepTitles" array length (${A.stepTitles.length}) must match the "steps" prop (${A.steps}).`
       );
-    }), (n, r) => (o(), I("div", Bi, [
-      d("div", fi, [
+    }), (n, r) => (o(), I("div", fi, [
+      d("div", Bi, [
         d("div", pi, [
           d("div", {
             class: "progress-bar progress-bar-bar h-2 w-full overflow-hidden rounded-full",
@@ -3153,7 +3153,7 @@ const it = {
           i.value ? (o(), I("div", xi, [
             u(Pe, { value: a.value }, null, 8, ["value"]),
             d("span", null, "/" + p(A.steps), 1)
-          ])) : B("", !0)
+          ])) : f("", !0)
         ]),
         i.value ? (o(), I("ol", Ti, [
           (o(!0), I(Y, null, G(A.stepTitles, (m, E) => (o(), I("li", {
@@ -3172,7 +3172,7 @@ const it = {
               iA(oA((s) => E < e.value && n.$emit("update:currentStep", E), ["prevent"]), ["space"])
             ]
           }, p(m), 43, Fi))), 128))
-        ])) : B("", !0)
+        ])) : f("", !0)
       ])
     ]));
   }
@@ -3443,7 +3443,7 @@ const yi = { render: qi }, Li = { class: "flex items-center justify-end self-str
             H(p(A.chip), 1)
           ]),
           _: 1
-        })) : B("", !0),
+        })) : f("", !0),
         u(Pi, cA({ class: "ml-auto" }, n.value, { "aria-hidden": "true" }), null, 16)
       ]),
       d("div", ji, [
@@ -3463,7 +3463,7 @@ const yi = { render: qi }, Li = { class: "flex items-center justify-end self-str
               type: "solid",
               class: "absolute top-1/2 -translate-x-[calc(100%+4px)] -translate-y-[calc(50%+1px)] text-white",
               "aria-hidden": "true"
-            })) : B("", !0),
+            })) : f("", !0),
             H(" " + p(A.label ?? t[A.variant]), 1)
           ])
         ])
@@ -3547,7 +3547,7 @@ const yi = { render: qi }, Li = { class: "flex items-center justify-end self-str
       i("update:modelValue", h);
     }, c = Q(
       () => t.columns.map((v) => `minmax(100px, ${v.width ?? "1fr"})`).join(" ")
-    ), f = Q(
+    ), B = Q(
       () => t.selectable ? `40px ${c.value}` : c.value
     ), l = (v) => {
       if (!v.sortable) return;
@@ -3576,10 +3576,10 @@ const yi = { render: qi }, Li = { class: "flex items-center justify-end self-str
           d("div", tn, [
             v.$slots.toolbar ? (o(), I("div", nn, [
               J(v.$slots, "toolbar")
-            ])) : B("", !0),
+            ])) : f("", !0),
             d("div", {
               class: "grid rounded-md bg-gray-50",
-              style: xA({ gridTemplateColumns: f.value }),
+              style: xA({ gridTemplateColumns: B.value }),
               role: "row",
               "aria-rowindex": "1"
             }, [
@@ -3590,7 +3590,7 @@ const yi = { render: qi }, Li = { class: "flex items-center justify-end self-str
                   "aria-label": "Select all rows",
                   "onUpdate:modelValue": E
                 }, null, 8, ["model-value", "indeterminate"])
-              ])) : B("", !0),
+              ])) : f("", !0),
               (o(!0), I(Y, null, G(A.columns, (P, S) => (o(), I("div", {
                 key: P.key,
                 class: g(["flex items-center gap-1.5 px-4 py-3 heading-4 text-slate-700", {
@@ -3611,7 +3611,7 @@ const yi = { render: qi }, Li = { class: "flex items-center justify-end self-str
                   key: 0,
                   name: A.sortKey === P.key ? A.sortDirection === "asc" ? "angle-down" : "angle-up" : "angles-up-down",
                   class: g(["shrink-0 text-xs", A.sortKey === P.key ? "text-cornflower-blue-600" : "text-slate-400"])
-                }, null, 8, ["name", "class"])) : B("", !0)
+                }, null, 8, ["name", "class"])) : f("", !0)
               ], 42, on))), 128))
             ], 4)
           ]),
@@ -3628,7 +3628,7 @@ const yi = { render: qi }, Li = { class: "flex items-center justify-end self-str
                 },
                 z(S)
               ]]),
-              style: xA({ gridTemplateColumns: f.value }),
+              style: xA({ gridTemplateColumns: B.value }),
               role: "row",
               "aria-rowindex": S + 2,
               "aria-selected": A.selectable ? n.value.includes(S) : void 0,
@@ -3642,7 +3642,7 @@ const yi = { render: qi }, Li = { class: "flex items-center justify-end self-str
                   "aria-label": `Select row ${S + 1}`,
                   "onUpdate:modelValue": (V) => s(S)
                 }, null, 8, ["model-value", "aria-label", "onUpdate:modelValue"])
-              ])) : B("", !0),
+              ])) : f("", !0),
               (o(!0), I(Y, null, G(A.columns, (V, zA) => (o(), I("div", {
                 key: V.key,
                 class: "flex items-center truncate px-4 py-4 extra-small-normal text-slate-700",
@@ -3657,7 +3657,7 @@ const yi = { render: qi }, Li = { class: "flex items-center justify-end self-str
                 ])
               ], 8, dn))), 128))
             ], 46, En))), 128)),
-            A.rows.length ? B("", !0) : (o(), I("div", sn, [
+            A.rows.length ? f("", !0) : (o(), I("div", sn, [
               J(v.$slots, "empty", {}, () => [
                 h[0] || (h[0] = H("Geen data beschikbaar", -1))
               ])
@@ -3858,7 +3858,7 @@ const yi = { render: qi }, Li = { class: "flex items-center justify-end self-str
 }, cn = ["data-event-source", "data-event-date", "date-event-type"], un = { class: "heading-3" }, ln = ["href"], zn = { class: "truncate group-hover:underline" }, Qn = {
   key: 1,
   class: "mt-1 text-sm text-gray-500"
-}, Bn = /* @__PURE__ */ D({
+}, fn = /* @__PURE__ */ D({
   name: "NexxtTimelineEvent",
   __name: "TimelineEvent",
   props: {
@@ -3923,8 +3923,8 @@ const yi = { render: qi }, Li = { class: "flex items-center justify-end self-str
               name: "external-link",
               class: "ml-1 h-4 w-4 text-gray-950"
             })
-          ], 8, ln)) : B("", !0),
-          A.event.request_reason ? (o(), I("span", Qn, " Reden: " + p(A.event.request_reason), 1)) : B("", !0)
+          ], 8, ln)) : f("", !0),
+          A.event.request_reason ? (o(), I("span", Qn, " Reden: " + p(A.event.request_reason), 1)) : f("", !0)
         ], 2)
       ], 2)
     ], 10, cn));
@@ -3976,7 +3976,7 @@ const yi = { render: qi }, Li = { class: "flex items-center justify-end self-str
       _: 3
     }));
   }
-}), fn = ["data-phase"], pn = {
+}), Bn = ["data-phase"], pn = {
   key: 0,
   class: "relative z-10 bg-white"
 }, vn = { class: "flex items-center justify-between px-4 py-2" }, xn = { class: "flex gap-1" }, Tn = { class: "flex gap-1" }, Fn = { class: "text-sm font-semibold tracking-wider uppercase" }, Xn = { class: "mt-2 font-medium text-xs text-gray-500" }, Dn = {
@@ -4053,15 +4053,15 @@ const yi = { render: qi }, Li = { class: "flex items-center justify-end self-str
             })
           ])
         ])
-      ])) : B("", !0),
+      ])) : f("", !0),
       d("div", {
         class: g(["absolute top-0 bottom-0 left-5 w-0 border-l", O(L)[A.phase.phase.value].color])
       }, null, 2),
       A.isSplitView ? (o(), I("div", {
         key: 1,
         class: g(["absolute top-0 right-5 bottom-0 w-0 border-l", O(L)[A.phase.phase.value].color])
-      }, null, 2)) : B("", !0),
-      (o(!0), I(Y, null, G(A.phase.events, (E) => (o(), M(Bn, {
+      }, null, 2)) : f("", !0),
+      (o(!0), I(Y, null, G(A.phase.events, (E) => (o(), M(fn, {
         key: E.id,
         event: E,
         "split-view": A.isSplitView
@@ -4078,23 +4078,23 @@ const yi = { render: qi }, Li = { class: "flex items-center justify-end self-str
             key: 0,
             name: n() === "up" ? "arrow-up" : "arrow-down",
             class: "h-4 w-4 text-white"
-          }, null, 8, ["name"])) : B("", !0)
+          }, null, 8, ["name"])) : f("", !0)
         ], 2),
         d("span", Xn, p(i()), 1),
         A.isSplitView ? (o(), I("div", {
           key: 0,
           class: g(["mt-4 h-px w-[75%]", O(L)[A.phase.phase.value].bgColor])
-        }, null, 2)) : B("", !0),
-        A.isLast ? B("", !0) : (o(), I("div", Dn)),
+        }, null, 2)) : f("", !0),
+        A.isLast ? f("", !0) : (o(), I("div", Dn)),
         d("div", {
           class: g(["absolute top-0 bottom-0 left-5 w-[1px] bg-linear-to-b", a.value])
         }, null, 2),
         A.isSplitView ? (o(), I("div", {
           key: 2,
           class: g(["absolute top-0 right-5 bottom-0 w-[1px] bg-linear-to-b", a.value])
-        }, null, 2)) : B("", !0)
-      ], 2)) : B("", !0)
-    ], 8, fn));
+        }, null, 2)) : f("", !0)
+      ], 2)) : f("", !0)
+    ], 8, Bn));
   }
 });
 export {
@@ -4118,7 +4118,7 @@ export {
   kn as NexxtSocialMediaType,
   Hn as NexxtStepperHeader,
   Yn as NexxtTable,
-  Bn as NexxtTimelineEvent,
+  fn as NexxtTimelineEvent,
   Sn as NexxtTimelinePhaseblock,
   _A as NexxtTooltip
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nexxtmove/ui",
   "type": "module",
-  "version": "0.1.33",
+  "version": "0.1.34",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",

package/src/components/Checkbox/Checkbox.vue

@@ -34,9 +34,9 @@ watchEffect(() => {
       aria-hidden="true"
       :class="[
         'flex h-5 w-5 shrink-0 items-center justify-center rounded border transition-colors duration-200',
-        'peer-focus-visible:ring-primary peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2',
+        'peer-focus-visible:ring-2 peer-focus-visible:ring-cornflower-blue-400 peer-focus-visible:ring-offset-2',
         model || indeterminate
-          ? 'border-primary text-cornflower-blue-600'
+          ? 'border-cornflower-blue-600 text-cornflower-blue-600'
           : 'border-gray-300 text-transparent',
       ]"
     >