@caspeco/casper-ui-library 7.7.0 → 7.7.2

package/dist/components/date-picker/base-date-picker.js

@@ -5,16 +5,16 @@ import { DatePickerDateCell as X } from "./date-picker-date-cell.js";
 import { DatePickerHeader as Lt } from "./date-picker-header.js";
 import { DatePickerWeekCell as Pt } from "./date-picker-week-cell.js";
 import { hasDotOnDate as p, isDateStrikeThrough as Ut, getWeekCellVariant as _t, getDateCellVariant as Z, firstLetterUpperCase as zt, hasDatePassed as At } from "./helper.js";
-import { nlBE as Ht } from "../../node_modules/date-fns/locale/nl-BE.js";
-import { fr as N } from "../../node_modules/date-fns/locale/fr.js";
-import { lv as jt } from "../../node_modules/date-fns/locale/lv.js";
-import { lt as Kt } from "../../node_modules/date-fns/locale/lt.js";
-import { et as Yt } from "../../node_modules/date-fns/locale/et.js";
-import { es as qt } from "../../node_modules/date-fns/locale/es.js";
-import { fi as Jt } from "../../node_modules/date-fns/locale/fi.js";
-import { nl as Qt } from "../../node_modules/date-fns/locale/nl.js";
-import { endOfMonth as R } from "../../node_modules/date-fns/endOfMonth.js";
-import { startOfWeek as Xt } from "../../node_modules/date-fns/startOfWeek.js";
+import { lv as Ht } from "../../node_modules/date-fns/locale/lv.js";
+import { lt as jt } from "../../node_modules/date-fns/locale/lt.js";
+import { et as Kt } from "../../node_modules/date-fns/locale/et.js";
+import { es as Yt } from "../../node_modules/date-fns/locale/es.js";
+import { fi as qt } from "../../node_modules/date-fns/locale/fi.js";
+import { nl as Jt } from "../../node_modules/date-fns/locale/nl.js";
+import { endOfMonth as N } from "../../node_modules/date-fns/endOfMonth.js";
+import { startOfWeek as Qt } from "../../node_modules/date-fns/startOfWeek.js";
+import { nlBE as Xt } from "../../node_modules/date-fns/locale/nl-BE.js";
+import { fr as R } from "../../node_modules/date-fns/locale/fr.js";
 import { sv as Zt } from "../../node_modules/date-fns/locale/sv.js";
 import { da as Nt } from "../../node_modules/date-fns/locale/da.js";
 import { nb as Rt } from "../../node_modules/date-fns/locale/nb.js";
@@ -33,15 +33,15 @@ const ar = {
   "nb-NO": { locale: Rt },
   "da-DK": { locale: Nt },
   "sv-SE": { locale: Zt },
-  "nl-NL": { locale: Qt },
-  "fi-FI": { locale: Jt },
-  "es-ES": { locale: qt },
-  "et-EE": { locale: Yt },
-  "lt-LT": { locale: Kt },
-  "lv-LV": { locale: jt },
-  "fr-FR": { locale: N },
-  "fr-BE": { locale: N },
-  "nl-BE": { locale: Ht }
+  "nl-NL": { locale: Jt },
+  "fi-FI": { locale: qt },
+  "es-ES": { locale: Yt },
+  "et-EE": { locale: Kt },
+  "lt-LT": { locale: jt },
+  "lv-LV": { locale: Ht },
+  "fr-FR": { locale: R },
+  "fr-BE": { locale: R },
+  "nl-BE": { locale: Xt }
 };
 function Gr({
   selectedDate: l,
@@ -94,12 +94,12 @@ function Gr({
     [S, $, E, e?.startDate, s]
   );
   function yt() {
-    const o = Xt(/* @__PURE__ */ new Date(), { locale: D });
+    const o = Qt(/* @__PURE__ */ new Date(), { locale: D });
     return Array.from({ length: 7 }, (r, t) => tt(rt(o, t), "eee", { locale: D }));
   }
   const St = tt(F(n), "MMMM yyyy", {
     locale: D
-  }), Ct = R(n).getDate(), Mt = [a ? "v." : void 0, ...yt()], Ot = D.options?.weekStartsOn || 0, T = (F(n).getDay() - Ot + 7) % 7, kt = (7 - R(n).getDay()) % 7, gt = ["auto", "auto", "100%"], Bt = ["auto", "auto", "100%"], It = (o) => !mt && At(o) ? !0 : W ? W(o) : !1, vt = Array.from({ length: Ct + T + kt }, (o, r) => {
+  }), Ct = N(n).getDate(), Mt = [a ? "v." : void 0, ...yt()], Ot = D.options?.weekStartsOn || 0, T = (F(n).getDay() - Ot + 7) % 7, kt = (7 - N(n).getDay()) % 7, gt = ["auto", "auto", "100%"], Bt = ["auto", "auto", "100%"], It = (o) => !mt && At(o) ? !0 : W ? W(o) : !1, vt = Array.from({ length: Ct + T + kt }, (o, r) => {
     const t = rt(F(n), r - T), k = et(t, n), g = f(t, /* @__PURE__ */ new Date()), u = It(t) || ct, G = p(t, m?.yellowDotDates), L = p(t, m?.greenDotDates), P = p(t, m?.blueDotDates), U = p(t, m?.redDotDates), _ = p(t, m?.greyDotDates), z = Ut(t, nt) && !u;
     let B = !1;
     l && (B = f(t, l));

package/dist/components/date-picker/date-picker-date-cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker-date-cell.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/date-picker-date-cell.tsx"],"names":[],"mappings":"AAIA,KAAK,OAAO,GACT,QAAQ,GACR,aAAa,GACb,YAAY,GACZ,QAAQ,GACR,cAAc,GACd,oBAAoB,GACpB,gBAAgB,GAChB,cAAc,CAAC;AAElB,KAAK,qBAAqB,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,IAAI,CAAC;IACV,gBAAgB,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,uLAgBhC,qBAAqB,4CAqGvB,CAAC"}
+{"version":3,"file":"date-picker-date-cell.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/date-picker-date-cell.tsx"],"names":[],"mappings":"AAIA,KAAK,OAAO,GACT,QAAQ,GACR,aAAa,GACb,YAAY,GACZ,QAAQ,GACR,cAAc,GACd,oBAAoB,GACpB,gBAAgB,GAChB,cAAc,CAAC;AAElB,KAAK,qBAAqB,GAAG;IAC5B,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,IAAI,CAAC;IACV,gBAAgB,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,uLAgBhC,qBAAqB,4CAuGvB,CAAC"}

package/dist/components/date-picker/date-picker-date-cell.js

@@ -1,46 +1,47 @@
-import { jsx as e, Fragment as w, jsxs as p } from "react/jsx-runtime";
-import { useStyleConfig as x, Button as O, Box as t, Stack as V } from "@chakra-ui/react";
-import { formatDate as W } from "../../node_modules/date-fns/format.js";
-import { ThemeColorVariable as r, ThemeSpaceVariable as m } from "../../theme/theme-types.js";
-const L = ({
-  gridColumn: u,
-  gridRow: b,
-  gridIndex: C,
-  day: c,
-  handleDateChange: g,
+import { jsx as e, Fragment as W, jsxs as p } from "react/jsx-runtime";
+import { useStyleConfig as m, Button as O, Box as t, Stack as V } from "@chakra-ui/react";
+import { formatDate as j } from "../../node_modules/date-fns/format.js";
+import { isToday as x } from "../../node_modules/date-fns/isToday.js";
+import { ThemeColorVariable as r, ThemeSpaceVariable as u } from "../../theme/theme-types.js";
+const N = ({
+  gridColumn: b,
+  gridRow: f,
+  gridIndex: g,
+  day: n,
+  handleDateChange: h,
   variant: o,
   isDisabled: d,
   isStrikeThrough: s,
-  hasBlueDot: h,
+  hasBlueDot: C,
   hasYellowDot: k,
-  hasGreenDot: f,
-  hasGreyDot: D,
-  hasRedDot: y,
+  hasGreenDot: D,
+  hasGreyDot: y,
+  hasRedDot: S,
   selectWeek: a,
   isHoliday: i
 }) => {
-  const S = x("DateCell", { variant: o }), R = x("DateCellWeek", { variant: o }), n = (o === "selectedDay" || o === "startDateRange" || o === "endDateRange") && !a, l = {
+  const R = m("DateCell", { variant: o }), B = m("DateCellWeek", { variant: o }), c = (o === "selectedDay" || o === "startDateRange" || o === "endDateRange") && !a, l = {
     borderRadius: "50%",
-    border: n ? "solid 1.5px white" : "",
-    width: n ? "7.5px" : "6px",
-    height: n ? "7.5px" : "6px"
-  }, B = C % 7 === 6;
-  return /* @__PURE__ */ e(w, { children: /* @__PURE__ */ p(
+    border: c ? "solid 1.5px white" : "",
+    width: c ? "7.5px" : "6px",
+    height: c ? "7.5px" : "6px"
+  }, w = g % 7 === 6;
+  return /* @__PURE__ */ e(W, { children: /* @__PURE__ */ p(
     O,
     {
-      __css: a ? R : S,
+      __css: a ? B : R,
       type: "button",
-      sx: a && o === "selectedDay" && B ? {
+      sx: a && o === "selectedDay" && w ? {
         borderTopRightRadius: "10px",
         borderBottomRightRadius: "10px"
       } : {},
       variant: o,
       isDisabled: d || s,
       onClick: () => {
-        !d && !s && g(c);
+        !d && !s && h(n);
       },
-      gridColumn: u,
-      gridRow: b,
+      gridColumn: b,
+      gridRow: f,
       display: "flex",
       "data-testid": "date-picker-date-cell",
       children: [
@@ -49,7 +50,9 @@ const L = ({
           {
             "data-testid": i ? "holiday" : void 0,
             sx: { color: i ? r.Error : "inherit" },
-            children: W(c, "d")
+            fontWeight: x(n) ? "bold" : "normal",
+            textDecoration: x(n) ? "underline" : "none",
+            children: j(n, "d")
           }
         ),
         s && /* @__PURE__ */ e("span", {}),
@@ -57,11 +60,11 @@ const L = ({
           V,
           {
             position: "absolute",
-            bottom: m.XSmall,
+            bottom: u.XSmall,
             direction: "row",
-            spacing: m.XSmall,
+            spacing: u.XSmall,
             children: [
-              h && /* @__PURE__ */ e(
+              C && /* @__PURE__ */ e(
                 t,
                 {
                   sx: {
@@ -70,7 +73,7 @@ const L = ({
                   }
                 }
               ),
-              f && /* @__PURE__ */ e(
+              D && /* @__PURE__ */ e(
                 t,
                 {
                   sx: {
@@ -88,7 +91,7 @@ const L = ({
                   }
                 }
               ),
-              D && /* @__PURE__ */ e(
+              y && /* @__PURE__ */ e(
                 t,
                 {
                   sx: {
@@ -97,7 +100,7 @@ const L = ({
                   }
                 }
               ),
-              y && /* @__PURE__ */ e(
+              S && /* @__PURE__ */ e(
                 t,
                 {
                   sx: {
@@ -114,5 +117,5 @@ const L = ({
   ) });
 };
 export {
-  L as DatePickerDateCell
+  N as DatePickerDateCell
 };

package/dist/components/date-picker/date-picker-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker-header.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/date-picker-header.tsx"],"names":[],"mappings":"AAIA,OAAO,EAaN,KAAK,MAAM,EACX,MAAM,UAAU,CAAC;AAGlB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,KAAK,qBAAqB,GAAG;IAC5B,aAAa,EAAE,IAAI,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,IAAI,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,iBAAiB,EAAE,OAAO,CAAC;IAC3B,yBAAyB,EAAE,OAAO,CAAC;IACnC,wBAAwB,EAAE,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,wMAc9B,qBAAqB,4CA4GvB,CAAC"}
+{"version":3,"file":"date-picker-header.d.ts","sourceRoot":"","sources":["../../../lib/components/date-picker/date-picker-header.tsx"],"names":[],"mappings":"AAKA,OAAO,EAeN,KAAK,MAAM,EACX,MAAM,UAAU,CAAC;AAGlB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,KAAK,qBAAqB,GAAG;IAC5B,aAAa,EAAE,IAAI,CAAC;IACpB,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,IAAI,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,iBAAiB,EAAE,OAAO,CAAC;IAC3B,yBAAyB,EAAE,OAAO,CAAC;IACnC,wBAAwB,EAAE,OAAO,CAAC;IAClC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;CAC/C,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,wMAc9B,qBAAqB,4CAiJvB,CAAC"}

package/dist/components/date-picker/date-picker-header.js

@@ -1,107 +1,138 @@
-import { jsxs as L, jsx as p } from "react/jsx-runtime";
-import { Flex as W, Text as z } from "@chakra-ui/react";
-import { firstLetterUpperCase as S } from "./helper.js";
-import { startOfMonth as u } from "../../node_modules/date-fns/startOfMonth.js";
-import { isBefore as O } from "../../node_modules/date-fns/isBefore.js";
-import { isSameMonth as G } from "../../node_modules/date-fns/isSameMonth.js";
-import { IconButton as l } from "../icon-button/icon-button.js";
-import { Icons as w } from "../icon/types.js";
-import { subMonths as Y } from "../../node_modules/date-fns/subMonths.js";
-import { subWeeks as q } from "../../node_modules/date-fns/subWeeks.js";
-import { subDays as c } from "../../node_modules/date-fns/subDays.js";
-import { getISOWeek as A } from "../../node_modules/date-fns/getISOWeek.js";
-import { addMonths as C } from "../../node_modules/date-fns/addMonths.js";
-import { addWeeks as J } from "../../node_modules/date-fns/addWeeks.js";
-import { addDays as D } from "../../node_modules/date-fns/addDays.js";
-import { sv as K } from "../../node_modules/date-fns/locale/sv.js";
-import { da as N } from "../../node_modules/date-fns/locale/da.js";
-import { nb as Q } from "../../node_modules/date-fns/locale/nb.js";
-import { enGB as F } from "../../node_modules/date-fns/locale/en-GB.js";
-import { enUS as x } from "../../node_modules/date-fns/locale/en-US.js";
-import { isSameYear as X } from "../../node_modules/date-fns/isSameYear.js";
-import { ThemeSpaceVariable as Z, ThemeFontSizeVariable as _, ThemeFontVariable as E } from "../../theme/theme-types.js";
-import { formatDate as b } from "../../node_modules/date-fns/format.js";
-const Fr = ({
-  onMonthChange: k,
-  selectedMonth: e,
-  month: d,
+import { jsxs as u, jsx as s } from "react/jsx-runtime";
+import { Flex as p, Text as N } from "@chakra-ui/react";
+import { firstLetterUpperCase as T } from "./helper.js";
+import { startOfMonth as d } from "../../node_modules/date-fns/startOfMonth.js";
+import { isBefore as Q } from "../../node_modules/date-fns/isBefore.js";
+import { isSameMonth as X } from "../../node_modules/date-fns/isSameMonth.js";
+import { startOfDay as Z } from "../../node_modules/date-fns/startOfDay.js";
+import { Button as _ } from "../button/button.js";
+import { IconButton as x } from "../icon-button/icon-button.js";
+import { Icons as B } from "../icon/types.js";
+import { getISOWeek as E } from "../../node_modules/date-fns/getISOWeek.js";
+import { enGB as D } from "../../node_modules/date-fns/locale/en-GB.js";
+import { enUS as k } from "../../node_modules/date-fns/locale/en-US.js";
+import { nlBE as F } from "../../node_modules/date-fns/locale/nl-BE.js";
+import { fr as P } from "../../node_modules/date-fns/locale/fr.js";
+import { sv as V } from "../../node_modules/date-fns/locale/sv.js";
+import { da as v } from "../../node_modules/date-fns/locale/da.js";
+import { nb as j } from "../../node_modules/date-fns/locale/nb.js";
+import { subMonths as R } from "../../node_modules/date-fns/subMonths.js";
+import { subWeeks as rr } from "../../node_modules/date-fns/subWeeks.js";
+import { subDays as l } from "../../node_modules/date-fns/subDays.js";
+import { addMonths as tr } from "../../node_modules/date-fns/addMonths.js";
+import { addWeeks as or } from "../../node_modules/date-fns/addWeeks.js";
+import { addDays as b } from "../../node_modules/date-fns/addDays.js";
+import { isSameYear as er } from "../../node_modules/date-fns/isSameYear.js";
+import { isSameDay as ir } from "../../node_modules/date-fns/isSameDay.js";
+import { ThemeSpaceVariable as H, ThemeFontSizeVariable as ar, ThemeFontVariable as mr } from "../../theme/theme-types.js";
+import { formatDate as S } from "../../node_modules/date-fns/format.js";
+const gr = ({
+  onMonthChange: h,
+  selectedMonth: a,
+  month: w,
   selectWeek: m,
-  locale: o,
-  selectedDate: i,
-  onDateChange: a,
-  isExpanded: f,
-  disablePastMonths: P,
-  disableBackwardNavigation: B,
-  disableForwardNavigation: T,
-  dateRange: t,
-  onRangeChange: s
+  locale: e,
+  selectedDate: t,
+  onDateChange: i,
+  isExpanded: n,
+  disablePastMonths: I,
+  disableBackwardNavigation: U,
+  disableForwardNavigation: $,
+  dateRange: o,
+  onRangeChange: f
 }) => {
-  function V(r) {
+  function g(r) {
     switch (r) {
-      case x:
-      case F:
-        return "Week";
-      case Q:
+      case j:
         return "Uke";
-      case N:
+      case v:
         return "Uge";
-      case K:
-      default:
+      case V:
         return "Vecka";
+      case P:
+        return "Semaine";
+      case F:
+      case k:
+      case D:
+      default:
+        return "Week";
+    }
+  }
+  function z(r) {
+    switch (r) {
+      case j:
+      case v:
+      case V:
+        return "I dag";
+      case P:
+        return "Aujourd'hui";
+      case F:
+        return "Vandaag";
+      case k:
+      case D:
+      default:
+        return "Today";
     }
   }
-  function h(r) {
+  function L(r) {
     return !!r?.startDate && !!r?.endDate;
   }
-  const n = !m && h(t) && s;
-  function v(r) {
-    return X(r.startDate, r.endDate) ? o === F || o === x ? "MMM d" : "d MMM" : "PP";
+  const c = !m && L(o) && f;
+  function O(r) {
+    return er(r.startDate, r.endDate) ? e === D || e === k ? "MMM d" : "d MMM" : "PP";
   }
-  const y = () => {
-    if (f)
-      return S(d);
+  const W = () => {
+    if (n)
+      return T(w);
     if (m)
-      return `${V(o)} ${A(i)}`;
-    if (n) {
-      const r = v(t), j = b(t.startDate, r, { locale: o }), I = b(t.endDate, r, { locale: o });
-      return `${j} - ${I}`.replace(/\./g, "");
+      return `${g(e)} ${E(t)}`;
+    if (c) {
+      const r = O(o), J = S(o.startDate, r, { locale: e }), K = S(o.endDate, r, { locale: e });
+      return `${J} - ${K}`.replace(/\./g, "");
     }
-    return i ? b(i, "dd MMMM", { locale: o }) : S(d);
-  }, H = () => {
-    f ? k(Y(u(e))) : m ? a(q(i)) : n ? s({
-      startDate: c(t.startDate),
-      endDate: c(t.endDate)
-    }) : a(c(i));
-  }, U = () => {
-    f ? k(C(u(e), 1)) : m ? a(J(i, 1)) : n ? s({
-      startDate: D(t.startDate, 1),
-      endDate: D(t.endDate, 1)
-    }) : a(D(i, 1));
-  }, M = u(/* @__PURE__ */ new Date()), $ = B || P && (O(e, M) || G(e, M));
-  return /* @__PURE__ */ L(W, { justify: "space-between", align: "center", mb: Z.Small, children: [
-    /* @__PURE__ */ p(
-      l,
-      {
-        icon: w.Back,
-        "aria-label": "Back",
-        variant: "ghost",
-        onClick: H,
-        isDisabled: $
-      }
-    ),
-    /* @__PURE__ */ p(z, { fontWeight: "500", fontFamily: E.SubHeader, fontSize: _.Large, children: y() }),
-    /* @__PURE__ */ p(
-      l,
-      {
-        icon: w.Forward,
-        "aria-label": "Forward",
-        variant: "ghost",
-        onClick: U,
-        isDisabled: T
-      }
-    )
+    return t ? S(t, "dd MMMM", { locale: e }) : T(w);
+  }, A = () => {
+    n ? h(R(d(a))) : m ? i(rr(t)) : c ? f({
+      startDate: l(o.startDate),
+      endDate: l(o.endDate)
+    }) : i(l(t));
+  }, C = () => {
+    n ? h(tr(d(a), 1)) : m ? i(or(t, 1)) : c ? f({
+      startDate: b(o.startDate, 1),
+      endDate: b(o.endDate, 1)
+    }) : i(b(t, 1));
+  }, y = d(/* @__PURE__ */ new Date()), G = U || I && (Q(a, y) || X(a, y)), M = Z(/* @__PURE__ */ new Date()), Y = !ir(t, M), q = () => {
+    i(M);
+  };
+  return /* @__PURE__ */ u(p, { justify: "space-between", align: "center", mb: H.Small, children: [
+    /* @__PURE__ */ s(N, { fontWeight: "500", fontFamily: mr.SubHeader, fontSize: ar.Large, children: W() }),
+    /* @__PURE__ */ u(p, { align: "center", gap: H.Small, children: [
+      Y && /* @__PURE__ */ s(_, { variant: "ghost", size: "sm", onClick: q, children: z(e) }),
+      /* @__PURE__ */ u(p, { align: "center", children: [
+        /* @__PURE__ */ s(
+          x,
+          {
+            icon: B.Back,
+            "aria-label": "Back",
+            variant: "ghost",
+            onClick: A,
+            isDisabled: G
+          }
+        ),
+        /* @__PURE__ */ s(
+          x,
+          {
+            icon: B.Forward,
+            "aria-label": "Forward",
+            variant: "ghost",
+            onClick: C,
+            isDisabled: $
+          }
+        )
+      ] })
+    ] })
   ] });
 };
 export {
-  Fr as DatePickerHeader
+  gr as DatePickerHeader
 };

package/dist/components/menu/menu-group.js

@@ -97,7 +97,7 @@ const Y = ({
               tabIndex: 0,
               icon: n ? S.TreeViewCollapse : S.TreeViewExpand,
               "aria-label": n ? `Collapse ${i}` : `Expand ${i}`,
-              size: "sm"
+              size: "xs"
             }
           ),
           /* @__PURE__ */ e(

package/dist/components/segmented-control/segmented-control-item.d.ts

@@ -1,5 +1,6 @@
 import { ButtonProps, ResponsiveValue } from '@chakra-ui/react';
 import { default as React } from 'react';
+import { ButtonSize } from '../button/types.js';
 import { SegmentedControlItem } from './types.js';
 type CustomButtonProps = Pick<ButtonProps, "isDisabled" | "isActive" | "key" | "aria-label">;
 type SegmentedControlButtonProps = CustomButtonProps & {
@@ -14,7 +15,7 @@ type SegmentedControlButtonProps = CustomButtonProps & {
     /**
      * Size for component. Defaults to 'md' (medium).
      */
-    size: ResponsiveValue<"md" | "sm"> | undefined;
+    size: ResponsiveValue<ButtonSize> | undefined;
     children: React.ReactNode;
 };
 /**

package/dist/components/segmented-control/segmented-control-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"segmented-control-item.d.ts","sourceRoot":"","sources":["../../../lib/components/segmented-control/segmented-control-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,KAAK,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,UAAU,GAAG,KAAK,GAAG,YAAY,CAAC,CAAC;AAE7F,KAAK,2BAA2B,GAAG,iBAAiB,GAAG;IACtD;;OAEG;IACH,IAAI,EAAE,oBAAoB,CAAC;IAC3B;;OAEG;IACH,OAAO,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,IAAI,EAAE,eAAe,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,2BAA2B,2CAW9F"}
+{"version":3,"file":"segmented-control-item.d.ts","sourceRoot":"","sources":["../../../lib/components/segmented-control/segmented-control-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,KAAK,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,UAAU,GAAG,KAAK,GAAG,YAAY,CAAC,CAAC;AAE7F,KAAK,2BAA2B,GAAG,iBAAiB,GAAG;IACtD;;OAEG;IACH,IAAI,EAAE,oBAAoB,CAAC;IAC3B;;OAEG;IACH,OAAO,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,IAAI,EAAE,eAAe,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,2BAA2B,2CAW9F"}

package/dist/components/segmented-control/types.d.ts

@@ -1,5 +1,6 @@
 import { MarginProps, PaddingProps } from '../../theme/index.js';
 import { ResponsiveValue } from '@chakra-ui/react';
+import { ButtonSize } from '../button/types.js';
 export type SegmentedControlItem = {
     /**
      * Required identifier for item.
@@ -38,7 +39,7 @@ type CustomSegmentedControlProps = {
     /**
      * Size for component. Defaults to 'md' (medium).
      */
-    size?: ResponsiveValue<"md" | "sm"> | undefined;
+    size?: ResponsiveValue<ButtonSize> | undefined;
 };
 export type SegmentedControlProps = CustomSegmentedControlProps & MarginProps & PaddingProps;
 export {};

package/dist/components/segmented-control/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/segmented-control/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAExD,MAAM,MAAM,oBAAoB,GAAG;IAClC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,2BAA2B,GAAG;IAClC;;OAEG;IACH,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;CAChD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,2BAA2B,GAAG,WAAW,GAAG,YAAY,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../lib/components/segmented-control/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,oBAAoB,GAAG;IAClC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,KAAK,2BAA2B,GAAG;IAClC;;OAEG;IACH,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAChD;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;CAC/C,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,2BAA2B,GAAG,WAAW,GAAG,YAAY,CAAC"}

package/dist/components/table/table-cell.js

@@ -109,7 +109,7 @@ const U = ({
                     {
                       icon: H.MoreVertical,
                       variant: "ghost",
-                      size: "sm",
+                      size: "xs",
                       "aria-label": R.moreActions,
                       borderRadius: "0"
                     }

package/dist/components/table/table-filter.js

@@ -120,7 +120,7 @@ const G = ({
           items: e.items,
           selectedItems: e.selectedItems,
           onChange: (s) => k(e.filterId, s),
-          footerContent: /* @__PURE__ */ l(T, { variant: "link", size: "sm", onClick: () => k(e.filterId, []), children: /* @__PURE__ */ l(A, { children: h.filterBoxReset }) })
+          footerContent: /* @__PURE__ */ l(T, { variant: "link", size: "xs", onClick: () => k(e.filterId, []), children: /* @__PURE__ */ l(A, { children: h.filterBoxReset }) })
         },
         e.filterId
       )) }),

package/dist/components/table/table-row-expand-toggle-button.js

@@ -7,18 +7,18 @@ import { Icons as i } from "../icon/types.js";
 import { ThemeSpaceVariable as f } from "../../theme/theme-types.js";
 const B = d(
   ({ row: o, localeString: l, rowIsExpanded: n, hidden: a }) => {
-    const r = x[l], m = o.getToggleExpandedHandler(), p = (e) => {
-      e.stopPropagation(), m();
-    }, s = () => n ? `${r.collapseRow} ${o.index + 1}` : `${r.expandRow} ${o.index + 1}`;
+    const r = x[l], p = o.getToggleExpandedHandler(), s = (e) => {
+      e.stopPropagation(), p();
+    }, m = () => n ? `${r.collapseRow} ${o.index + 1}` : `${r.expandRow} ${o.index + 1}`;
     return /* @__PURE__ */ t(c, { as: "span", h: "100%", children: /* @__PURE__ */ t(
       g,
       {
-        size: "sm",
+        size: "xs",
         mr: f.XSmall,
         variant: "ghost",
-        "aria-label": s(),
+        "aria-label": m(),
         icon: n ? i.TreeViewCollapse : i.TreeViewExpand,
-        onClick: p,
+        onClick: s,
         onKeyDown: (e) => e.stopPropagation(),
         visibility: a ? "hidden" : "initial",
         "aria-hidden": a,

package/dist/node_modules/date-fns/constructNow.js

@@ -0,0 +1,8 @@
+import { constructFrom as o } from "./constructFrom.js";
+function n(t) {
+  return o(t, Date.now());
+}
+export {
+  n as constructNow,
+  n as default
+};

package/dist/node_modules/date-fns/isToday.js

@@ -0,0 +1,13 @@
+import { constructFrom as r } from "./constructFrom.js";
+import { constructNow as t } from "./constructNow.js";
+import { isSameDay as m } from "./isSameDay.js";
+function f(o, i) {
+  return m(
+    r(o, o),
+    t(o)
+  );
+}
+export {
+  f as default,
+  f as isToday
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@caspeco/casper-ui-library",
-	"version": "7.7.0",
+	"version": "7.7.2",
 	"prettier": "@caspeco/prettier-config",
 	"type": "module",
 	"sideEffects": false,