@memobit/libs 3.11.2 → 3.12.0

package/dist/components/InputMask/InputMask2.js

@@ -1,7 +1,7 @@
 import './InputMask.css';
 /* empty css          */
 import A, { forwardRef as U, useCallback as W, useId as X, useImperativeHandle as Y, useRef as O, useState as C } from "react";
-import { jsx as m, jsxs as M } from "react/jsx-runtime";
+import { jsx as m, jsxs as N } from "react/jsx-runtime";
 var D = {
   9: /\d/,
   a: /[a-zA-Z]/,
@@ -25,80 +25,80 @@ function te(e) {
   }), t++);
   return n;
 }
-function N(e, n, t) {
-  let u = 0, c = "", p = "";
-  for (const d of n) if (d.type === "literal") c += d.char;
-  else if (u < e.length) {
-    const r = e[u];
-    c += r, p += r, u++;
-  } else c += t;
+function v(e, n, t) {
+  let r = 0, u = "", p = "";
+  for (const f of n) if (f.type === "literal") u += f.char;
+  else if (r < e.length) {
+    const c = e[r];
+    u += c, p += c, r++;
+  } else u += t;
   return {
-    masked: c,
+    masked: u,
     rawAccepted: p
   };
 }
 function ne(e) {
   return e.filter((n) => n.type === "token").length;
 }
-var se = U(({ mask: e, value: n, onChange: t, onComplete: u, placeholder: c, label: p, hint: d, error: r, highlighted: S, size: $ = "md", variant: b = "default", disabled: h = !1, readOnly: k = !1, maskChar: l = "_", mono: B = !0, icon: y, suffix: g, className: V = "", id: z, name: E, autoComplete: F }, P) => {
-  const i = A.useMemo(() => te(e), [e]), f = A.useMemo(() => ne(i), [i]), T = X(), x = z ?? T, [a, w] = C(() => n !== void 0 ? n : ""), I = O(null);
-  Y(P, () => ({
+var se = U(({ mask: e, value: n, onChange: t, onComplete: r, placeholder: u, label: p, hint: f, error: c, highlighted: S, size: $ = "md", variant: B = "default", disabled: h = !1, readOnly: k = !1, maskChar: a = "_", mono: V = !0, icon: y, suffix: g, className: z = "", id: E, name: F, autoComplete: T }, Z) => {
+  const i = A.useMemo(() => te(e), [e]), d = A.useMemo(() => ne(i), [i]), b = X(), x = E ?? b, [l, w] = C(() => n !== void 0 ? n : ""), I = O(null);
+  Y(Z, () => ({
     focus: () => I.current?.focus(),
     clear: () => {
       w(""), t?.("", "");
     },
-    getRawValue: () => a
+    getRawValue: () => l
   }));
-  const { masked: v } = N(a, i, l), Z = v.includes(l) ? v.replace(new RegExp(l.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), l) : v, H = r ? "danger" : b, L = [
+  const { masked: M } = v(l, i, a), H = M.includes(a) ? M.replace(new RegExp(a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), "g"), a) : M, L = c ? "danger" : B, P = [
     "input-mask",
     `input-mask--${$}`,
-    `input-mask--${H}`,
+    `input-mask--${L}`,
     S ? "input-mask--highlighted" : "",
     h ? "input-mask--disabled" : "",
     k ? "input-mask--readonly" : "",
-    B ? "input-mask--mono" : "",
+    V ? "input-mask--mono" : "",
     y ? "input-mask--has-icon" : "",
     g ? "input-mask--has-suffix" : "",
-    V
+    z
   ].filter(Boolean).join(" "), q = W((s) => {
     if (h || k) return;
     if (s.key === "Backspace") {
       s.preventDefault();
-      const o = a.slice(0, -1), { masked: Q } = N(o, i, l);
+      const o = l.slice(0, -1), { masked: Q } = v(o, i, a);
       w(o), t?.(o, Q);
       return;
     }
-    if (s.key.length !== 1 || s.ctrlKey || s.metaKey || (s.preventDefault(), a.length >= f)) return;
+    if (s.key.length !== 1 || s.ctrlKey || s.metaKey || (s.preventDefault(), l.length >= d)) return;
     const R = s.key;
     let K = 0;
     for (const o of i) if (o.type === "token") {
-      if (K === a.length) {
+      if (K === l.length) {
         if (!D[o.key].test(R)) return;
         break;
       }
       K++;
     }
-    const { masked: j, rawAccepted: _ } = N(a + R, i, l);
-    w(_), t?.(_, j), _.length === f && u?.(_, j);
+    const { masked: j, rawAccepted: _ } = v(l + R, i, a);
+    w(_), t?.(_, j), _.length === d && r?.(_, j);
   }, [
     h,
     k,
-    a,
-    i,
     l,
-    f,
+    i,
+    a,
+    d,
     t,
-    u
-  ]), G = c ?? i.map((s) => s.type === "literal" ? s.char : l).join(""), J = a.length === f;
-  return /* @__PURE__ */ M("div", {
-    className: L,
+    r
+  ]), G = u ?? i.map((s) => s.type === "literal" ? s.char : a).join(""), J = l.length === d;
+  return /* @__PURE__ */ N("div", {
+    className: P,
     children: [
       p && /* @__PURE__ */ m("label", {
         className: "input-mask__label",
         htmlFor: x,
         children: p
       }),
-      /* @__PURE__ */ M("div", {
+      /* @__PURE__ */ N("div", {
         className: "input-mask__field",
         children: [
           y && /* @__PURE__ */ m("span", {
@@ -108,12 +108,12 @@ var se = U(({ mask: e, value: n, onChange: t, onComplete: u, placeholder: c, lab
           /* @__PURE__ */ m("input", {
             ref: I,
             id: x,
-            name: E,
+            name: F,
             type: "text",
             inputMode: "text",
-            autoComplete: F,
+            autoComplete: T,
             className: ["input-mask__input", J ? "input-mask__input--filled" : ""].filter(Boolean).join(" "),
-            value: Z,
+            value: H,
             placeholder: G,
             disabled: h,
             readOnly: k,
@@ -122,12 +122,12 @@ var se = U(({ mask: e, value: n, onChange: t, onComplete: u, placeholder: c, lab
             },
             onKeyDown: q
           }),
-          /* @__PURE__ */ M("span", {
+          /* @__PURE__ */ N("span", {
             className: "input-mask__counter",
             children: [
-              a.length,
+              l.length,
               "/",
-              f
+              d
             ]
           }),
           g && /* @__PURE__ */ m("span", {
@@ -136,28 +136,14 @@ var se = U(({ mask: e, value: n, onChange: t, onComplete: u, placeholder: c, lab
           })
         ]
       }),
-      (d || r) && /* @__PURE__ */ m("p", {
-        className: r ? "input-mask__error" : "input-mask__hint",
-        children: r ?? d
+      (f || c) && /* @__PURE__ */ m("p", {
+        className: c ? "input-mask__error" : "input-mask__hint",
+        children: c ?? f
       })
     ]
   });
 });
 se.displayName = "InputMask";
-var re = {
-  creditCard: "9999 9999 9999 9999",
-  iban: "aa99 9999 9999 9999 9999 99",
-  cvv: "999",
-  expiry: "99/99",
-  phone: "+99 (999) 999-9999",
-  ssn: "999-99-9999",
-  ipv4: "999.999.999.999",
-  serialNumber: "***-***-***-***",
-  date: "99/99/9999",
-  time: "99:99",
-  uuid: "********-****-****-****-************"
-};
 export {
-  se as InputMask,
-  re as InputMaskPresets
+  se as InputMask
 };

package/dist/components/InputMask/InputMaskPresets.js

@@ -0,0 +1,18 @@
+import './InputMask.css';
+/* empty css          */
+var r = {
+  creditCard: "9999 9999 9999 9999",
+  iban: "aa99 9999 9999 9999 9999 99",
+  cvv: "999",
+  expiry: "99/99",
+  phone: "+99 (999) 999-9999",
+  ssn: "999-99-9999",
+  ipv4: "999.999.999.999",
+  serialNumber: "***-***-***-***",
+  date: "99/99/9999",
+  time: "99:99",
+  uuid: "********-****-****-****-************"
+};
+export {
+  r as InputMaskPresets
+};

package/dist/components/Pagination/Pagination2.js

@@ -1,12 +1,12 @@
 import './Pagination.css';
 import { Button as u } from "../Button/Button2.js";
-import { useBreakpoint as E } from "../../hooks/useBreakpoint.js";
-import { Dropdown as y } from "../Dropdown/Dropdown2.js";
+import { Dropdown as E } from "../Dropdown/Dropdown2.js";
+import { useBreakpoint as y } from "../../hooks/useBreakpoint.js";
 /* empty css           */
 import { useCallback as L, useEffect as R, useRef as I, useState as O } from "react";
 import { jsx as t, jsxs as c } from "react/jsx-runtime";
 var V = 120, j = 45, C = 8, H = 4, z = ({ currentPage: i, totalPages: r, totalItems: p, onPageChange: d, showPagesNumbers: N = !1, pageSizeOptions: o, pageSize: m, onPageSizeChange: v, pageSizeLabel: x = "Rows", horizontalAlign: D = "left" }) => {
-  const { isAtLeast: a, isMobile: k } = E(), f = I(null), [l, w] = O(k ? 0 : 2), h = L(() => {
+  const { isAtLeast: a, isMobile: k } = y(), f = I(null), [l, w] = O(k ? 0 : 2), h = L(() => {
     const s = f.current, e = s?.parentElement;
     if (!s || !e) return;
     let n = 0;
@@ -64,7 +64,7 @@ var V = 120, j = 45, C = 8, H = 4, z = ({ currentPage: i, totalPages: r, totalIt
       }),
       b && M && /* @__PURE__ */ c("div", {
         className: "pagination__page-size",
-        children: [/* @__PURE__ */ t("span", { children: x }), /* @__PURE__ */ t(y, {
+        children: [/* @__PURE__ */ t("span", { children: x }), /* @__PURE__ */ t(E, {
           name: "pageSize",
           options: M,
           value: m,

package/dist/components/QuickOptionUpdate/QuickOptionUpdate2.js

@@ -2,34 +2,35 @@ import './QuickOptionUpdate.css';
 import { Modal as x } from "../Modal/Modal2.js";
 import { Radio as C } from "../Radio/Radio2.js";
 /* empty css                  */
-import { useEffect as S, useState as o } from "react";
-import { jsx as r, jsxs as b } from "react/jsx-runtime";
-var O = ({ isOpen: p = !1, list: c, title: f, onClose: t, onSave: u, icon: h, value: s }) => {
-  const [a, l] = o(s), [i, d] = o(!1), [m, n] = o("");
+import { useEffect as S, useState as n } from "react";
+import { jsx as a, jsxs as b } from "react/jsx-runtime";
+import { logger as q } from "@memobit/core";
+var U = ({ isOpen: m = !1, list: c, title: f, onClose: t, onSave: u, icon: v, value: i }) => {
+  const [r, l] = n(i), [s, d] = n(!1), [p, o] = n("");
   S(() => {
-    l(s);
-  }, [s]);
-  const v = async () => {
-    if (!a) {
-      n("Please select a value");
+    l(i);
+  }, [i]);
+  const g = async () => {
+    if (!r) {
+      o("Please select a value");
       return;
     }
-    d(!0), n("");
+    d(!0), o("");
     try {
-      await u(a);
+      await u(r);
     } catch (e) {
-      n(e instanceof Error ? e.message : "Failed to save");
+      o(e instanceof Error ? e.message : "Failed to save");
     } finally {
       d(!1);
     }
-  }, g = (e) => {
-    typeof e == "string" || typeof e == "number" ? l(e) : console.error("Unsupported type used.");
+  }, h = (e) => {
+    typeof e == "string" || typeof e == "number" ? l(e) : q.error("QuickOptionUpdate received an unsupported value type", void 0, { type: typeof e });
   };
-  return /* @__PURE__ */ r("div", {
+  return /* @__PURE__ */ a("div", {
     className: "quick-set",
     children: /* @__PURE__ */ b(x, {
-      isOpen: p,
-      titleIcon: h,
+      isOpen: m,
+      titleIcon: v,
       title: f,
       size: "small",
       onClose: t,
@@ -37,31 +38,31 @@ var O = ({ isOpen: p = !1, list: c, title: f, onClose: t, onSave: u, icon: h, va
       secondary: {
         text: "Cancel",
         variant: "default",
-        disabled: i,
+        disabled: s,
         onClick: t
       },
       primary: {
-        text: i ? "Saving..." : "Save",
+        text: s ? "Saving..." : "Save",
         variant: "success",
-        disabled: i || !a,
-        onClick: v
+        disabled: s || !r,
+        onClick: g
       },
-      children: [/* @__PURE__ */ r("div", {
+      children: [/* @__PURE__ */ a("div", {
         className: "quick-set-list",
-        children: c && c.map(({ key: e, label: k }) => /* @__PURE__ */ r(C, {
+        children: c && c.map(({ key: e, label: k }) => /* @__PURE__ */ a(C, {
           name: "ownership",
           label: k,
-          checked: a === e,
+          checked: r === e,
           value: e,
-          onChange: (y) => g(y)
+          onChange: (y) => h(y)
         }, `quick-update-ownership-${e}`))
-      }), m && /* @__PURE__ */ r("div", {
+      }), p && /* @__PURE__ */ a("div", {
         className: "error-message",
-        children: m
+        children: p
       })]
     })
   });
 };
 export {
-  O as QuickOptionUpdate
+  U as QuickOptionUpdate
 };

package/dist/components/Sidebar/Sidebar2.js

@@ -3,7 +3,7 @@ import { Icon as N } from "../Icon/Icon2.js";
 import { Tooltip as M } from "../Tooltip/Tooltip2.js";
 import { AppHeader as O } from "../AppHeader/AppHeader2.js";
 import { InputSearch as A } from "../InputSearch/InputSearch2.js";
-import { useSidebarContext as F } from "./SidebarContext.js";
+import { useSidebarContext as F } from "./useSidebar.js";
 /* empty css        */
 import { useState as I } from "react";
 import { Fragment as Q, jsx as a, jsxs as i } from "react/jsx-runtime";

package/dist/components/Sidebar/SidebarContext.js

@@ -1,31 +1,26 @@
-import { useBreakpoint as l } from "../../hooks/useBreakpoint.js";
-import { createContext as b, useCallback as t, useContext as m, useMemo as p, useState as v } from "react";
-import { jsx as x } from "react/jsx-runtime";
-var u = b(null), S = () => m(u), g = () => {
-  const e = S();
-  if (!e) throw new Error("useSidebar must be used within a SidebarProvider");
-  return e;
-}, h = ({ children: e }) => {
-  const { isMobile: o } = l(), [s, r] = v(!1), n = t(() => r((d) => !d), []), a = t(() => r(!0), []), i = t(() => r(!1), []), c = p(() => ({
-    isMobile: o,
-    isOpen: s,
-    toggle: n,
-    open: a,
-    close: i
+import { useBreakpoint as p } from "../../hooks/useBreakpoint.js";
+import { SidebarContext as l } from "./useSidebar.js";
+import { useCallback as o, useMemo as u, useState as f } from "react";
+import { jsx as b } from "react/jsx-runtime";
+var k = ({ children: a }) => {
+  const { isMobile: t } = p(), [r, e] = f(!1), s = o(() => e((m) => !m), []), i = o(() => e(!0), []), n = o(() => e(!1), []), c = u(() => ({
+    isMobile: t,
+    isOpen: r,
+    toggle: s,
+    open: i,
+    close: n
   }), [
-    o,
+    t,
+    r,
     s,
-    n,
-    a,
-    i
+    i,
+    n
   ]);
-  return /* @__PURE__ */ x(u.Provider, {
+  return /* @__PURE__ */ b(l.Provider, {
     value: c,
-    children: e
+    children: a
   });
 };
 export {
-  h as SidebarProvider,
-  g as useSidebar,
-  S as useSidebarContext
+  k as SidebarProvider
 };

package/dist/components/Sidebar/useSidebar.js

@@ -0,0 +1,11 @@
+import { createContext as r, useContext as t } from "react";
+var o = r(null), a = () => t(o), n = () => {
+  const e = a();
+  if (!e) throw new Error("useSidebar must be used within a SidebarProvider");
+  return e;
+};
+export {
+  o as SidebarContext,
+  n as useSidebar,
+  a as useSidebarContext
+};

package/dist/components/SuggestionsList/SuggestionsList2.js

@@ -1,20 +1,20 @@
 import './SuggestionsList.css';
-import { Icon as j } from "../Icon/Icon2.js";
-import { Button as T } from "../Button/Button2.js";
-import { Tooltip as B } from "../Tooltip/Tooltip2.js";
-import { InputSearch as H } from "../InputSearch/InputSearch2.js";
-import { format2Digits as q } from "../../helpers/Numbers.js";
+import { Icon as T } from "../Icon/Icon2.js";
+import { Button as B } from "../Button/Button2.js";
+import { Tooltip as H } from "../Tooltip/Tooltip2.js";
+import { InputSearch as q } from "../InputSearch/InputSearch2.js";
+import { format2Digits as z } from "../../helpers/Numbers.js";
 /* empty css                */
-import { useCallback as z, useMemo as h, useState as g } from "react";
+import { useCallback as V, useMemo as h, useState as g } from "react";
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-function V({ state: n }) {
+function k({ state: n }) {
   return /* @__PURE__ */ e("span", {
     className: `suggestions-list__sort-icon suggestions-list__sort-icon--${n}`,
-    children: /* @__PURE__ */ e(j, { name: n === "asc" ? "arrow-up" : n === "desc" ? "arrow-down" : "arrow-bidirectional-vertical" })
+    children: /* @__PURE__ */ e(T, { name: n === "asc" ? "arrow-up" : n === "desc" ? "arrow-down" : "arrow-bidirectional-vertical" })
   });
 }
-var k = 10, W = ({ data: n, label: I, title: N, tooltip: w, enableSearch: y = !1, onRowClick: o }) => {
-  const [d, x] = g(!1), [r, M] = g(!1), [c, _] = g(""), [i, E] = g(null), [u, D] = g("asc"), p = h(() => c.trim() ? n.filter((s) => s.name.toLowerCase().includes(c.toLowerCase())) : n, [n, c]), m = h(() => {
+var I = 10, W = ({ data: n, label: x, title: N, tooltip: w, enableSearch: y = !1, onRowClick: o }) => {
+  const [d, M] = g(!1), [r, _] = g(!1), [c, E] = g(""), [i, K] = g(null), [u, D] = g("asc"), p = h(() => c.trim() ? n.filter((s) => s.name.toLowerCase().includes(c.toLowerCase())) : n, [n, c]), m = h(() => {
     if (!i) return p;
     const s = [...p].sort((l, a) => {
       const S = i === "name" ? l.name : l.value, b = i === "name" ? a.name : a.value;
@@ -25,24 +25,24 @@ var k = 10, W = ({ data: n, label: I, title: N, tooltip: w, enableSearch: y = !1
     p,
     i,
     u
-  ]), v = h(() => r ? [...m] : m.slice(0, k), [m, r]), C = m.length > k, K = () => {
-    x(!d);
-  }, L = z(() => {
-    M(!r);
-  }, [r]), f = (s) => {
-    i === s ? D((l) => l === "asc" ? "desc" : "asc") : (E(s), D("asc"));
-  }, $ = h(() => /* @__PURE__ */ t("div", {
+  ]), v = h(() => r ? [...m] : m.slice(0, I), [m, r]), C = m.length > I, $ = () => {
+    M(!d);
+  }, L = V(() => {
+    _(!r);
+  }, [r]), f = V((s) => {
+    i === s ? D((l) => l === "asc" ? "desc" : "asc") : (K(s), D("asc"));
+  }, [i]), j = h(() => /* @__PURE__ */ t("div", {
     className: "list-suggestions-list",
     children: [
-      /* @__PURE__ */ e(B, {
+      /* @__PURE__ */ e(H, {
         title: w,
         children: /* @__PURE__ */ e("legend", { children: N || "Suggestions" })
       }),
       y && /* @__PURE__ */ e("div", {
         className: "list-suggestions-list-search",
-        children: /* @__PURE__ */ e(H, {
+        children: /* @__PURE__ */ e(q, {
           value: c,
-          onChange: _,
+          onChange: E,
           placeholder: "Search suggestions..."
         })
       }),
@@ -55,12 +55,12 @@ var k = 10, W = ({ data: n, label: I, title: N, tooltip: w, enableSearch: y = !1
               type: "button",
               className: "list-suggestions-list-header-cell list-suggestions-list-header-cell--name",
               onClick: () => f("name"),
-              children: ["Name", /* @__PURE__ */ e(V, { state: i === "name" ? u : "unsorted" })]
+              children: ["Name", /* @__PURE__ */ e(k, { state: i === "name" ? u : "unsorted" })]
             }), /* @__PURE__ */ t("button", {
               type: "button",
               className: "list-suggestions-list-header-cell list-suggestions-list-header-cell--value",
               onClick: () => f("value"),
-              children: ["Value", /* @__PURE__ */ e(V, { state: i === "value" ? u : "unsorted" })]
+              children: ["Value", /* @__PURE__ */ e(k, { state: i === "value" ? u : "unsorted" })]
             })]
           }),
           v.map((s, l) => /* @__PURE__ */ t("div", {
@@ -71,7 +71,7 @@ var k = 10, W = ({ data: n, label: I, title: N, tooltip: w, enableSearch: y = !1
               o && (a.key === "Enter" || a.key === " ") && (a.preventDefault(), o(s));
             },
             children: [/* @__PURE__ */ e("div", { children: s.name }), /* @__PURE__ */ t("div", { children: [
-              typeof s.value == "number" && q(s.value),
+              typeof s.value == "number" && z(s.value),
               typeof s.value == "string" && s.value,
               s.unit
             ] })]
@@ -104,16 +104,16 @@ var k = 10, W = ({ data: n, label: I, title: N, tooltip: w, enableSearch: y = !1
   ]);
   return /* @__PURE__ */ t("div", {
     className: "suggestions-list",
-    children: [/* @__PURE__ */ e("div", { children: /* @__PURE__ */ t(T, {
+    children: [/* @__PURE__ */ e("div", { children: /* @__PURE__ */ t(B, {
       icon: d ? "caret-up" : "caret-down",
-      onClick: K,
+      onClick: $,
       children: [
         d ? "Hide" : "Show",
         " ",
-        I,
+        x,
         " suggestions"
       ]
-    }) }), d && $]
+    }) }), d && j]
   });
 };
 export {

package/dist/components/TimelineMarkers/TimelineMarkers2.js

@@ -1,73 +1,55 @@
 import './TimelineMarkers.css';
 /* empty css                */
-import { useMemo as h } from "react";
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
-var u = (e) => {
-  const [a, r, l] = e.split("-").map(Number);
-  return new Date(a, r - 1, l);
-}, p = (e, a) => a === "month" ? e.toLocaleDateString("en-US", { month: "long" }) : e.toLocaleDateString("en-US", {
-  day: "2-digit",
-  month: "short"
-}), v = (e, a) => a === "month" ? `${e.getFullYear()}-${e.getMonth()}` : `${e.getFullYear()}-${e.getMonth()}-${e.getDate()}`, b = (e) => e.getFullYear().toString(), g = (e, a = "day") => {
-  const r = /* @__PURE__ */ new Map();
-  let l = null, i = null;
-  return e.forEach((o, n) => {
-    const s = u(o.date), c = b(s), _ = v(s, a), d = c !== l, k = _ !== i;
-    r.set(n, {
-      showYear: d,
-      showDate: k,
-      yearLabel: d ? s.getFullYear().toString() : "",
-      dateLabel: k ? p(s, a) : ""
-    }), l = c, i = _;
-  }), r;
-}, f = ({ marker: e, onClick: a }) => {
-  const r = (l) => {
-    l.stopPropagation(), a?.(l);
+import { calculateTimelineMarkers as _ } from "./calculateTimelineMarkers.js";
+import { useMemo as d } from "react";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+var p = ({ marker: e, onClick: m }) => {
+  const a = (i) => {
+    i.stopPropagation(), m?.(i);
   };
-  return e.showYear ? /* @__PURE__ */ m("div", {
+  return e.showYear ? /* @__PURE__ */ l("div", {
     className: "timeline-markers__marker timeline-markers__marker--year",
-    onClick: r,
-    children: [/* @__PURE__ */ m("div", {
+    onClick: a,
+    children: [/* @__PURE__ */ l("div", {
       className: "timeline-markers__labels",
-      children: [/* @__PURE__ */ t("span", {
+      children: [/* @__PURE__ */ r("span", {
         className: "timeline-markers__label timeline-markers__label--year",
         children: e.yearLabel
-      }), /* @__PURE__ */ t("span", {
+      }), /* @__PURE__ */ r("span", {
         className: "timeline-markers__label timeline-markers__label--date",
         children: e.dateLabel
       })]
-    }), /* @__PURE__ */ t("div", { className: "timeline-markers__dot timeline-markers__dot--year" })]
-  }) : e.showDate ? /* @__PURE__ */ m("div", {
+    }), /* @__PURE__ */ r("div", { className: "timeline-markers__dot timeline-markers__dot--year" })]
+  }) : e.showDate ? /* @__PURE__ */ l("div", {
     className: "timeline-markers__marker timeline-markers__marker--date",
-    onClick: r,
-    children: [/* @__PURE__ */ t("span", {
+    onClick: a,
+    children: [/* @__PURE__ */ r("span", {
       className: "timeline-markers__label timeline-markers__label--date",
       children: e.dateLabel
-    }), /* @__PURE__ */ t("div", { className: "timeline-markers__dot timeline-markers__dot--date" })]
-  }) : /* @__PURE__ */ t("div", {
+    }), /* @__PURE__ */ r("div", { className: "timeline-markers__dot timeline-markers__dot--date" })]
+  }) : /* @__PURE__ */ r("div", {
     className: "timeline-markers__marker timeline-markers__marker--empty",
-    onClick: r,
-    children: /* @__PURE__ */ t("div", { className: "timeline-markers__dot timeline-markers__dot--small" })
+    onClick: a,
+    children: /* @__PURE__ */ r("div", { className: "timeline-markers__dot timeline-markers__dot--small" })
   });
-}, L = ({ marker: e }) => !e.showYear && !e.showDate ? null : /* @__PURE__ */ t("div", {
+}, b = ({ marker: e }) => !e.showYear && !e.showDate ? null : /* @__PURE__ */ r("div", {
   className: "timeline-markers__separator",
-  children: /* @__PURE__ */ t("span", {
+  children: /* @__PURE__ */ r("span", {
     className: "timeline-markers__separator-label",
     children: e.showYear ? e.yearLabel : e.dateLabel
   })
-}), Y = ({ items: e, renderItem: a, className: r }) => {
-  const l = h(() => g(e), [e]);
-  return /* @__PURE__ */ m("div", {
-    className: `timeline-markers${r ? ` ${r}` : ""}`,
-    children: [/* @__PURE__ */ t("div", { className: "timeline-markers__track" }), e.map((i, o) => {
-      const n = l.get(o);
-      return n ? a(i, n) : null;
+}), v = ({ items: e, renderItem: m, className: a }) => {
+  const i = d(() => _(e), [e]);
+  return /* @__PURE__ */ l("div", {
+    className: `timeline-markers${a ? ` ${a}` : ""}`,
+    children: [/* @__PURE__ */ r("div", { className: "timeline-markers__track" }), e.map((t, n) => {
+      const s = i.get(n);
+      return s ? m(t, s) : null;
     })]
   });
 };
 export {
-  f as TimelineMarkerDot,
-  Y as TimelineMarkers,
-  L as TimelineMobileSeparator,
-  g as calculateTimelineMarkers
+  p as TimelineMarkerDot,
+  v as TimelineMarkers,
+  b as TimelineMobileSeparator
 };

package/dist/components/TimelineMarkers/calculateTimelineMarkers.js

@@ -0,0 +1,28 @@
+import './TimelineMarkers.css';
+/* empty css                */
+var m = (e) => {
+  const [t, a, r] = e.split("-").map(Number);
+  return new Date(t, a - 1, r);
+}, h = (e, t) => t === "month" ? e.toLocaleDateString("en-US", { month: "long" }) : e.toLocaleDateString("en-US", {
+  day: "2-digit",
+  month: "short"
+}), y = (e, t) => t === "month" ? `${e.getFullYear()}-${e.getMonth()}` : `${e.getFullYear()}-${e.getMonth()}-${e.getDate()}`, D = (e) => e.getFullYear().toString(), p = (e, t = "day") => {
+  const a = /* @__PURE__ */ new Map();
+  let r = null, o = null;
+  return e.forEach((i, u) => {
+    const n = m(i.date), l = D(n), s = y(n, t), g = l !== r, c = s !== o;
+    a.set(u, {
+      showYear: g,
+      showDate: c,
+      yearLabel: g ? n.getFullYear().toString() : "",
+      dateLabel: c ? h(n, t) : ""
+    }), r = l, o = s;
+  }), a;
+};
+export {
+  p as calculateTimelineMarkers,
+  h as formatTimelineDate,
+  y as getDateKey,
+  D as getYearKey,
+  m as parseLocalDate
+};