@memobit/libs 3.4.3 → 3.5.0

package/dist/components/AngleSlider/AngleSlider2.js

@@ -1,11 +1,11 @@
 import './AngleSlider.css';
 /* empty css            */
-import { useCallback as c, useMemo as G, useRef as A } from "react";
+import { useCallback as c, useMemo as L, useRef as A } from "react";
 import { jsx as f, jsxs as m } from "react/jsx-runtime";
-var d = 42, o = 50, U = 2 * Math.PI * d, D = 360, $ = (e) => e * Math.PI / 180, N = (e, h) => ({
-  x: o + h * Math.sin($(e)),
-  y: o - h * Math.cos($(e))
-}), q = ({ disabled: e = !1, label: h, max: i = D, min: a = 0, onChange: u, size: j = 120, step: l = 1, tickStep: p = 45, keyboardStep: w, showValue: T = !0, value: y, variant: B = "accent" }) => {
+var y = 42, o = 50, U = 2 * Math.PI * y, D = 360, $ = (e) => e * Math.PI / 180, w = (e, d) => ({
+  x: o + d * Math.sin($(e)),
+  y: o - d * Math.cos($(e))
+}), J = ({ disabled: e = !1, label: d, max: i = D, min: a = 0, onChange: u, size: j = 120, step: l = 1, tickStep: h = 45, keyboardStep: N, showValue: T = !0, value: p, variant: B = "accent" }) => {
   const R = A(null), g = A(!1), P = Math.max(1, i - a), _ = c((r) => {
     const n = l > 0 ? Math.round(r / l) * l : r;
     return Math.min(i, Math.max(a, n));
@@ -33,7 +33,7 @@ var d = 42, o = 50, U = 2 * Math.PI * d, D = 360, $ = (e) => e * Math.PI / 180,
     g.current && (r.currentTarget.releasePointerCapture(r.pointerId), g.current = !1);
   }, []), X = c((r) => {
     if (e) return;
-    const n = w ?? (l > 0 ? l : 1), t = r.key === "PageUp" ? n * 10 : r.key === "PageDown" ? -n * 10 : 0, s = r.key === "ArrowRight" || r.key === "ArrowUp" ? n : r.key === "ArrowLeft" || r.key === "ArrowDown" ? -n : 0;
+    const n = N ?? (l > 0 ? l : 1), t = r.key === "PageUp" ? n * 10 : r.key === "PageDown" ? -n * 10 : 0, s = r.key === "ArrowRight" || r.key === "ArrowUp" ? n : r.key === "ArrowLeft" || r.key === "ArrowDown" ? -n : 0;
     if (r.key === "Home") {
       r.preventDefault(), u(a);
       return;
@@ -42,33 +42,33 @@ var d = 42, o = 50, U = 2 * Math.PI * d, D = 360, $ = (e) => e * Math.PI / 180,
       r.preventDefault(), u(i);
       return;
     }
-    t === 0 && s === 0 || (r.preventDefault(), u(_(y + t + s)));
+    t === 0 && s === 0 || (r.preventDefault(), u(_(p + t + s)));
   }, [
     _,
     e,
-    w,
+    N,
     i,
     a,
     u,
     l,
-    y
-  ]), Y = G(() => {
-    if (!p || p <= 0) return [];
+    p
+  ]), Y = L(() => {
+    if (!h || h <= 0) return [];
     const r = [];
-    for (let n = a; n < a + P; n += p) r.push(n);
+    for (let n = a; n < a + P; n += h) r.push(n);
     return r;
   }, [
     a,
     P,
-    p
-  ]), z = (Math.min(i, Math.max(a, y)) - a) / P, M = N(y, d);
+    h
+  ]), z = (Math.min(i, Math.max(a, p)) - a) / P, M = w(p, y), G = [
+    "angle-slider",
+    `angle-slider--${B}`,
+    e ? "angle-slider--disabled" : ""
+  ].filter(Boolean).join(" "), H = { "--_angle-size": `${j}px` };
   return /* @__PURE__ */ m("div", {
-    className: [
-      "angle-slider",
-      `angle-slider--${B}`,
-      e ? "angle-slider--disabled" : ""
-    ].filter(Boolean).join(" "),
-    style: { "--_angle-size": `${j}px` },
+    className: G,
+    style: H,
     children: [
       /* @__PURE__ */ m("svg", {
         className: "angle-slider__dial",
@@ -84,10 +84,10 @@ var d = 42, o = 50, U = 2 * Math.PI * d, D = 360, $ = (e) => e * Math.PI / 180,
             className: "angle-slider__track",
             cx: o,
             cy: o,
-            r: d
+            r: y
           }),
           Y.map((r) => {
-            const n = N(r, d), t = N(r, d - 6);
+            const n = w(r, y), t = w(r, 36);
             return /* @__PURE__ */ f("line", {
               className: "angle-slider__tick",
               x1: t.x,
@@ -100,7 +100,7 @@ var d = 42, o = 50, U = 2 * Math.PI * d, D = 360, $ = (e) => e * Math.PI / 180,
             className: "angle-slider__progress",
             cx: o,
             cy: o,
-            r: d,
+            r: y,
             strokeDasharray: `${U * z} ${U}`,
             transform: `rotate(-90 ${o} ${o})`
           }),
@@ -121,15 +121,15 @@ var d = 42, o = 50, U = 2 * Math.PI * d, D = 360, $ = (e) => e * Math.PI / 180,
       }),
       T && /* @__PURE__ */ m("span", {
         className: "angle-slider__value",
-        children: [Math.round(y), "°"]
+        children: [Math.round(p), "°"]
       }),
-      h && /* @__PURE__ */ f("span", {
+      d && /* @__PURE__ */ f("span", {
         className: "angle-slider__label",
-        children: h
+        children: d
       })
     ]
   });
 };
 export {
-  q as AngleSlider
+  J as AngleSlider
 };

package/dist/components/AppHeader/AppHeader2.js

@@ -1,44 +1,47 @@
 import './AppHeader.css';
-import { Icon as m } from "../Icon/Icon2.js";
-import { Separator as h } from "../Separator/Separator2.js";
+import { Icon as h } from "../Icon/Icon2.js";
+import { Separator as o } from "../Separator/Separator2.js";
 /* empty css          */
 import "react";
-import { Fragment as o, jsx as a, jsxs as e } from "react/jsx-runtime";
-var u = ({ emoji: r, icon: p, svg: s, appName: c, heading: n, onClick: d, className: l = "", showSeparator: i = !0 }) => /* @__PURE__ */ e(o, { children: [/* @__PURE__ */ e("div", {
-  className: [
+import { Fragment as t, jsx as a, jsxs as e } from "react/jsx-runtime";
+var v = ({ emoji: r, icon: p, svg: s, appName: c, heading: n, onClick: d, className: l = "", showSeparator: m = !0 }) => {
+  const i = [
     "app-header",
     d ? "app-header--clickable" : "",
     l
-  ].filter(Boolean).join(" "),
-  onClick: d,
-  children: [
-    r && /* @__PURE__ */ a("span", {
-      className: "app-header__icon",
-      children: r
-    }),
-    s && /* @__PURE__ */ a("span", {
-      className: "app-header__icon",
-      children: s
-    }),
-    p && /* @__PURE__ */ a("span", {
-      className: "app-header__icon",
-      children: /* @__PURE__ */ a(m, { name: p })
-    }),
-    /* @__PURE__ */ e("div", {
-      className: "app-header__copy",
-      children: [c && /* @__PURE__ */ a("span", {
-        className: "app-header__app-name",
-        children: c
-      }), n && /* @__PURE__ */ a("span", {
-        className: "app-header__headline",
-        children: n
-      })]
-    })
-  ]
-}), i && /* @__PURE__ */ a(h, {
-  className: "app-header__separator",
-  spacing: 0
-})] });
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e(t, { children: [/* @__PURE__ */ e("div", {
+    className: i,
+    onClick: d,
+    children: [
+      r && /* @__PURE__ */ a("span", {
+        className: "app-header__icon",
+        children: r
+      }),
+      s && /* @__PURE__ */ a("span", {
+        className: "app-header__icon",
+        children: s
+      }),
+      p && /* @__PURE__ */ a("span", {
+        className: "app-header__icon",
+        children: /* @__PURE__ */ a(h, { name: p })
+      }),
+      /* @__PURE__ */ e("div", {
+        className: "app-header__copy",
+        children: [c && /* @__PURE__ */ a("span", {
+          className: "app-header__app-name",
+          children: c
+        }), n && /* @__PURE__ */ a("span", {
+          className: "app-header__headline",
+          children: n
+        })]
+      })
+    ]
+  }), m && /* @__PURE__ */ a(o, {
+    className: "app-header__separator",
+    spacing: 0
+  })] });
+};
 export {
-  u as AppHeader
+  v as AppHeader
 };

package/dist/components/Blockquote/Blockquote2.js

@@ -1,19 +1,19 @@
 import './Blockquote.css';
-import { Icon as _ } from "../Icon/Icon2.js";
+import { Icon as d } from "../Icon/Icon2.js";
 /* empty css           */
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
-var p = ({ align: r, appearance: a = "bar", author: l, children: i, className: u = "", href: t, icon: s, showQuoteMark: n = !1, size: b = "md", source: o, variant: m = "default" }) => {
-  const k = !!(l || o), q = r ?? (a === "pull" ? "center" : "left");
+var g = ({ align: r, appearance: a = "bar", author: l, children: i, className: u = "", href: t, icon: s, showQuoteMark: n = !1, size: b = "md", source: o, variant: m = "default" }) => {
+  const k = !!(l || o), q = r ?? (a === "pull" ? "center" : "left"), _ = [
+    "blockquote",
+    `blockquote--${a}`,
+    `blockquote--${m}`,
+    `blockquote--${b}`,
+    `blockquote--align-${q}`,
+    n ? "blockquote--marked" : "",
+    u
+  ].filter(Boolean).join(" ");
   return /* @__PURE__ */ c("figure", {
-    className: [
-      "blockquote",
-      `blockquote--${a}`,
-      `blockquote--${m}`,
-      `blockquote--${b}`,
-      `blockquote--align-${q}`,
-      n ? "blockquote--marked" : "",
-      u
-    ].filter(Boolean).join(" "),
+    className: _,
     children: [
       n && /* @__PURE__ */ e("span", {
         className: "blockquote__mark",
@@ -22,7 +22,7 @@ var p = ({ align: r, appearance: a = "bar", author: l, children: i, className: u
       /* @__PURE__ */ c("blockquote", {
         className: "blockquote__quote",
         cite: t,
-        children: [s && /* @__PURE__ */ e(_, {
+        children: [s && /* @__PURE__ */ e(d, {
           className: "blockquote__icon",
           name: s,
           size: "sm"
@@ -51,5 +51,5 @@ var p = ({ align: r, appearance: a = "bar", author: l, children: i, className: u
   });
 };
 export {
-  p as Blockquote
+  g as Blockquote
 };

package/dist/components/BulkActionBar/BulkActionBar2.js

@@ -1,39 +1,43 @@
 import './BulkActionBar.css';
-import { Button as m } from "../Button/Button2.js";
+import { Button as o } from "../Button/Button2.js";
 /* empty css              */
 import "react";
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-var v = (i) => i.label ? `${i.label} ${i.done}/${i.total}` : `Running ${i.done}/${i.total}`, B = ({ selectionCount: i, visible: o, label: d, progress: a, actions: r, onClear: t, clearLabel: b = "Clear", position: c = "bottom", className: u }) => o ?? i > 0 ? /* @__PURE__ */ n("div", {
-  className: [
+import { jsx as e, jsxs as m } from "react/jsx-runtime";
+var s = (i) => i.label ? `${i.label} ${i.done}/${i.total}` : `Running ${i.done}/${i.total}`, _ = ({ selectionCount: i, visible: n, label: d, progress: a, actions: r, onClear: t, clearLabel: b = "Clear", position: c = "bottom", className: u }) => {
+  if (!(n ?? i > 0)) return null;
+  const v = [
     "memobit-bulk-action-bar",
     `memobit-bulk-action-bar--${c}`,
     u
-  ].filter(Boolean).join(" "),
-  children: [/* @__PURE__ */ e("div", {
-    className: "memobit-bulk-action-bar__label",
-    children: a ? v(a) : d ?? `${i} selected`
-  }), /* @__PURE__ */ n("div", {
-    className: "memobit-bulk-action-bar__actions",
-    children: [r.map((l) => /* @__PURE__ */ e(m, {
-      disabled: l.disabled,
-      icon: l.icon,
-      onClick: () => {
-        l.onClick();
-      },
-      size: "medium",
-      title: l.title,
-      variant: l.variant ?? "default",
-      children: l.label
-    }, l.key)), t && /* @__PURE__ */ e(m, {
-      disabled: a !== void 0,
-      icon: "clear",
-      onClick: t,
-      size: "medium",
-      variant: "ghost",
-      children: b
+  ].filter(Boolean).join(" "), k = a ? s(a) : d ?? `${i} selected`;
+  return /* @__PURE__ */ m("div", {
+    className: v,
+    children: [/* @__PURE__ */ e("div", {
+      className: "memobit-bulk-action-bar__label",
+      children: k
+    }), /* @__PURE__ */ m("div", {
+      className: "memobit-bulk-action-bar__actions",
+      children: [r.map((l) => /* @__PURE__ */ e(o, {
+        disabled: l.disabled,
+        icon: l.icon,
+        onClick: () => {
+          l.onClick();
+        },
+        size: "medium",
+        title: l.title,
+        variant: l.variant ?? "default",
+        children: l.label
+      }, l.key)), t && /* @__PURE__ */ e(o, {
+        disabled: a !== void 0,
+        icon: "clear",
+        onClick: t,
+        size: "medium",
+        variant: "ghost",
+        children: b
+      })]
     })]
-  })]
-}) : null;
+  });
+};
 export {
-  B as BulkActionBar
+  _ as BulkActionBar
 };

package/dist/components/Calendar/Calendar2.js

@@ -61,14 +61,16 @@ var d = 12, T = [
   }, K = (e) => i === "range" && o ? e.getTime() > o.getTime() : !1, L = (e) => e.getMonth() === a.getMonth(), Q = (e) => {
     if (!k(e)) {
       if (i === "single") m?.(e);
-      else if (i === "range") if (!o) Y ? Y(e) : (E(e), m?.(void 0));
-      else {
-        const t = x(e, o) ? e : o, l = x(e, o) ? o : e;
-        m?.({
-          start: t,
-          end: l
-        }), Y ? Y(null) : E(null);
-      }
+      else if (i === "range")
+        if (!o)
+          Y ? Y(e) : (E(e), m?.(void 0));
+        else {
+          const t = x(e, o) ? e : o, l = x(e, o) ? o : e;
+          m?.({
+            start: t,
+            end: l
+          }), Y ? Y(null) : E(null);
+        }
       else if (i === "multiple") {
         const t = Array.isArray(r) ? r : [], l = t.findIndex((s) => _(s, e));
         if (l >= 0) {

package/dist/components/Card/Card.css

@@ -1 +1 @@
-.card{background:var(--card-background-color);-webkit-backdrop-filter:var(--card-backdrop-filter,none);border:var(--spacing-1) solid;border-color:var(--card-border-color);column-gap:var(--spacing-16);padding:var(--spacing-16);border-radius:var(--radius);color:var(--card-color);box-shadow:var(--card-surface-box-shadow,var(--card-box-shadow));flex-direction:column;display:flex;position:relative}.card:hover{border-color:var(--card-hover-border-color)}.card.no-padding{padding:0}.card.is-highlighted{background-color:var(--card-background-accent-color);border-left:var(--spacing-4) solid var(--card-border-accent-color);color:var(--card-accent-color)}.card.card-variant-success{border-left:var(--spacing-4) solid var(--rating-color-success);background-image:var(--card-tint-success-background,radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--rating-color-success) 14%, transparent) 0%, transparent 70%))}.card.card-variant-warning{border-left:var(--spacing-4) solid var(--rating-color-warning);background-image:var(--card-tint-warning-background,radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--rating-color-warning) 14%, transparent) 0%, transparent 70%))}.card.card-variant-danger{border-left:var(--spacing-4) solid var(--rating-color-danger);background-image:var(--card-tint-danger-background,radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--rating-color-danger) 14%, transparent) 0%, transparent 70%))}.card.card-variant-info{border-left:var(--spacing-4) solid var(--rating-color-info);background-image:var(--card-tint-info-background,radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--rating-color-info) 14%, transparent) 0%, transparent 70%))}.card.is-clickable:hover{cursor:pointer}.card h3{margin:0 0 var(--spacing-16) 0;color:var(--card-title-color,inherit);font-family:var(--card-title-font-family,var(--font-family,sans-serif));font-size:var(--card-title-font-size,var(--font-size-md));font-style:var(--card-title-font-style,normal);font-weight:var(--card-title-font-weight,var(--font-weight-bold));letter-spacing:var(--card-title-letter-spacing,normal);text-transform:var(--card-title-text-transform,none);column-gap:var(--spacing-16);flex-direction:row;justify-content:space-between;align-items:center;display:flex}.card h3 .card-title-content{align-items:center;gap:var(--spacing-8);min-width:0;display:inline-flex}.card h3.card-content-hidden{margin:0}.card h3 .opener-button:hover{cursor:pointer}.card h3 .opener-button svg{transition:transform .2s ease-in-out}.card h3 .opener-button.opener-button-extended svg{transform:rotate(180deg)}.card .card-content{height:fit-content;transition:all .5s}.card .card-content.card-content-collapsed{height:0;overflow:hidden}.card .card-footer{background-color:var(--card-footer-background-color);border-radius:0 0 var(--radius) var(--radius)}.card .card-footer.card-footer-collapsed{display:none}@media (width<=768px){.card{padding:var(--spacing-8)}}
+.card{background:var(--card-background-color);-webkit-backdrop-filter:var(--card-backdrop-filter,none);border:var(--spacing-1) solid;border-color:var(--card-border-color);column-gap:var(--spacing-16);padding:var(--spacing-16);border-radius:var(--radius);color:var(--card-color);box-shadow:var(--card-surface-box-shadow,var(--card-box-shadow));transition:border-color var(--transition-slow);flex-direction:column;display:flex;position:relative}.card:hover{border-color:var(--card-hover-border-color)}.card:has(.card:hover){border-color:var(--card-border-color)}.card.no-padding{padding:0}.card.is-highlighted{background-color:var(--card-background-accent-color);border-left:var(--spacing-4) solid var(--card-border-accent-color);color:var(--card-accent-color)}.card.card-variant-success{border-left:var(--spacing-4) solid var(--rating-color-success);background-image:var(--card-tint-success-background,radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--rating-color-success) 14%, transparent) 0%, transparent 70%))}.card.card-variant-warning{border-left:var(--spacing-4) solid var(--rating-color-warning);background-image:var(--card-tint-warning-background,radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--rating-color-warning) 14%, transparent) 0%, transparent 70%))}.card.card-variant-danger{border-left:var(--spacing-4) solid var(--rating-color-danger);background-image:var(--card-tint-danger-background,radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--rating-color-danger) 14%, transparent) 0%, transparent 70%))}.card.card-variant-info{border-left:var(--spacing-4) solid var(--rating-color-info);background-image:var(--card-tint-info-background,radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--rating-color-info) 14%, transparent) 0%, transparent 70%))}.card.is-clickable:hover{cursor:pointer}.card h3{margin:0 0 var(--spacing-16) 0;color:var(--card-title-color,inherit);font-family:var(--card-title-font-family,var(--font-family,sans-serif));font-size:var(--card-title-font-size,var(--font-size-md));font-style:var(--card-title-font-style,normal);font-weight:var(--card-title-font-weight,var(--font-weight-bold));letter-spacing:var(--card-title-letter-spacing,normal);text-transform:var(--card-title-text-transform,none);column-gap:var(--spacing-16);flex-direction:row;justify-content:space-between;align-items:center;display:flex}.card h3 .card-title-content{align-items:center;gap:var(--spacing-8);min-width:0;display:inline-flex}.card h3.card-content-hidden{margin:0}.card h3 .opener-button:hover{cursor:pointer}.card h3 .opener-button svg{transition:transform .2s ease-in-out}.card h3 .opener-button.opener-button-extended svg{transform:rotate(180deg)}.card .card-content{height:fit-content;transition:all .5s}.card .card-content.card-content-collapsed{height:0;overflow:hidden}.card .card-footer{background-color:var(--card-footer-background-color);border-radius:0 0 var(--radius) var(--radius)}.card .card-footer.card-footer-collapsed{display:none}@media (width<=768px){.card{padding:var(--spacing-8)}}

package/dist/components/Confetti/Confetti2.js

@@ -100,10 +100,9 @@ var _ = [
       break;
     case "star":
       U(t, 0, 0, a.size / 2);
-      break;
   }
   t.restore();
-}, G = B(({ colors: t, duration: a = 3e3, scope: s = "fullscreen", variant: o = "confetti", particleCount: c }, P) => {
+}, J = B(({ colors: t, duration: a = 3e3, scope: s = "fullscreen", variant: o = "confetti", particleCount: c }, P) => {
   const h = v(null), f = v(0), d = v(0), M = v(!1), V = {
     confetti: 150,
     burst: 200,
@@ -171,5 +170,5 @@ var _ = [
   });
 });
 export {
-  G as Confetti
+  J as Confetti
 };

package/dist/components/ControlPanel/ControlPanelFilter.js

@@ -40,18 +40,18 @@ var H = 3, f = (e) => Array.isArray(e) ? e : e == null || typeof e == "boolean"
       e.icon && /* @__PURE__ */ n(b, { name: e.icon }),
       e.label
     ]
-  });
+  }), l = [
+    "control-panel__filter",
+    e.type === "checkbox" ? "control-panel__filter--checkbox" : "",
+    t ? "control-panel__filter--collapsible" : "",
+    t && !s ? "control-panel__filter--collapsed" : ""
+  ].filter(Boolean).join(" ");
   return /* @__PURE__ */ _("div", {
-    className: [
-      "control-panel__filter",
-      e.type === "checkbox" ? "control-panel__filter--checkbox" : "",
-      t ? "control-panel__filter--collapsible" : "",
-      t && !s ? "control-panel__filter--collapsed" : ""
-    ].filter(Boolean).join(" "),
+    className: l,
     children: [t ? /* @__PURE__ */ _("button", {
       className: "control-panel__filter-toggle",
       type: "button",
-      onClick: () => d((l) => !l),
+      onClick: () => d((p) => !p),
       children: [
         i,
         !s && a && /* @__PURE__ */ n("span", {
@@ -151,7 +151,7 @@ var H = 3, f = (e) => Array.isArray(e) ? e : e == null || typeof e == "boolean"
     })
   });
   if (e.type === "range") {
-    const a = Array.isArray(e.value) ? e.value : [], i = a[0], l = a[1], m = i !== void 0 && l !== void 0 && i > l, p = (u, v) => r({
+    const a = Array.isArray(e.value) ? e.value : [], i = a[0], l = a[1], p = i !== void 0 && l !== void 0 && i > l, m = (u, v) => r({
       filterId: e.id,
       type: e.type,
       value: [u, v]
@@ -165,8 +165,8 @@ var H = 3, f = (e) => Array.isArray(e) ? e : e == null || typeof e == "boolean"
           step: e.step,
           placeholder: "Min",
           value: i,
-          error: m ? "Min exceeds max" : void 0,
-          onChange: (u) => p(u, l)
+          error: p ? "Min exceeds max" : void 0,
+          onChange: (u) => m(u, l)
         }),
         /* @__PURE__ */ n("span", {
           className: "control-panel__filter-range-sep",
@@ -178,14 +178,14 @@ var H = 3, f = (e) => Array.isArray(e) ? e : e == null || typeof e == "boolean"
           step: e.step,
           placeholder: "Max",
           value: l,
-          error: m ? "Max is below min" : void 0,
-          onChange: (u) => p(i, u)
+          error: p ? "Max is below min" : void 0,
+          onChange: (u) => m(i, u)
         })
       ]
     });
   }
   if (e.type === "date-range") {
-    const a = Array.isArray(e.value) ? e.value : [], i = a[0] || void 0, l = a[1] || void 0, m = e.presets ?? T, p = (c) => {
+    const a = Array.isArray(e.value) ? e.value : [], i = a[0] || void 0, l = a[1] || void 0, p = e.presets ?? T, m = (c) => {
       if (!c) return;
       const [h, g, $] = c.split("-").map(Number);
       return new Date(h, g - 1, $);
@@ -194,16 +194,16 @@ var H = 3, f = (e) => Array.isArray(e) ? e : e == null || typeof e == "boolean"
       type: e.type,
       value: [c ?? "", h ?? ""]
     }), y = (c) => {
-      const h = e.maxDate ? p(e.maxDate) : /* @__PURE__ */ new Date();
+      const h = e.maxDate ? m(e.maxDate) : /* @__PURE__ */ new Date();
       if (!h) return;
       const g = new Date(h);
       g.setDate(g.getDate() - c), v(u(g), u(h));
     };
     return /* @__PURE__ */ _("div", {
       className: "control-panel__filter-date-range",
-      children: [m.length > 0 && /* @__PURE__ */ n("div", {
+      children: [p.length > 0 && /* @__PURE__ */ n("div", {
         className: "control-panel__filter-date-presets",
-        children: m.map((c) => /* @__PURE__ */ n(C, {
+        children: p.map((c) => /* @__PURE__ */ n(C, {
           size: "small",
           variant: "default",
           onClick: () => y(c.days),
@@ -211,12 +211,12 @@ var H = 3, f = (e) => Array.isArray(e) ? e : e == null || typeof e == "boolean"
         }, c.days))
       }), /* @__PURE__ */ n(R, {
         mode: "range",
-        minDate: p(e.minDate),
-        maxDate: p(e.maxDate),
+        minDate: m(e.minDate),
+        maxDate: m(e.maxDate),
         placeholder: e.placeholder ?? "Select range",
         value: i && l ? {
-          start: p(i),
-          end: p(l)
+          start: m(i),
+          end: m(l)
         } : void 0,
         onChange: (c) => {
           if (c && typeof c == "object" && !Array.isArray(c) && "start" in c) {
@@ -306,15 +306,15 @@ var H = 3, f = (e) => Array.isArray(e) ? e : e == null || typeof e == "boolean"
           overflowY: "auto"
         } : void 0,
         children: i.map((l) => {
-          const m = o.includes(l.value), p = /* @__PURE__ */ _(S, {
+          const p = o.includes(l.value), m = /* @__PURE__ */ _(S, {
             color: l.color,
             count: l.count,
             disabled: l.disabled,
             icon: l.icon,
-            selected: m,
+            selected: p,
             onClick: () => {
               if (l.disabled) return;
-              const u = e.multiple === !1, v = u ? m ? [] : [l.value] : m ? o.filter((y) => y !== l.value) : [...o, l.value];
+              const u = e.multiple === !1, v = u ? p ? [] : [l.value] : p ? o.filter((y) => y !== l.value) : [...o, l.value];
               r({
                 filterId: e.id,
                 type: e.type,
@@ -331,8 +331,8 @@ var H = 3, f = (e) => Array.isArray(e) ? e : e == null || typeof e == "boolean"
           });
           return l.tooltip ? /* @__PURE__ */ n(k, {
             title: l.tooltip,
-            children: p
-          }, l.value) : /* @__PURE__ */ n(P, { children: p }, l.value);
+            children: m
+          }, l.value) : /* @__PURE__ */ n(P, { children: m }, l.value);
         })
       })]
     });

package/dist/components/DataView/DataView.CardView.js

@@ -31,10 +31,14 @@ var la = [
   }) : n;
 };
 function _a({ data: t, columns: l, rowKey: h, card: n, actions: g, timeline: o, onRowClick: _, rowHref: j, rowClassName: D, empty: r, selectable: w, selectedIds: V = [], pinnedIds: $, onToggleSelect: p, cardMaxWidth: C, isMobile: G = !1, groups: I, showGroupCount: T = !0, collapsible: N = !1, collapsedGroups: U, onToggleGroup: Z }) {
-  const P = l.filter((e) => !e.hideInCard && !(G && e.hideInMobile)), q = M(() => new Set($ ?? []), [$]), S = `data-view__cards${C !== void 0 ? " data-view__cards--grid" : ""}`, A = C !== void 0 ? { "--data-view-card-max-width": W(C) } : void 0, B = M(() => o ? X(t.map((e) => ({
-    id: o.idAccessor(e),
-    date: o.dateAccessor(e)
-  })), o.granularity) : /* @__PURE__ */ new Map(), [t, o]);
+  const P = l.filter((e) => !e.hideInCard && !(G && e.hideInMobile)), q = M(() => new Set($ ?? []), [$]), S = `data-view__cards${C !== void 0 ? " data-view__cards--grid" : ""}`, A = C !== void 0 ? { "--data-view-card-max-width": W(C) } : void 0, B = M(() => {
+    if (!o) return /* @__PURE__ */ new Map();
+    const e = t.map((s) => ({
+      id: o.idAccessor(s),
+      date: o.dateAccessor(s)
+    }));
+    return X(e, o.granularity);
+  }, [t, o]);
   if (t.length === 0)
     return r ? /* @__PURE__ */ a(L, {
       title: r.title,

package/dist/components/DataView/DataView.ColumnSelector.js

@@ -2,46 +2,49 @@ import { Icon as h } from "../Icon/Icon2.js";
 import { Button as b } from "../Button/Button2.js";
 import { Checkbox as p } from "../Checkbox/Checkbox2.js";
 import { Popover as v } from "../Popover/Popover2.js";
-import { useRef as _, useState as C } from "react";
-import { jsx as l, jsxs as o } from "react/jsx-runtime";
-function j({ config: i }) {
-  const { options: s, selectedKeys: t, onChange: r, label: m = "Columns" } = i, a = _(null), [u, c] = C(!1);
-  if (s.length === 0) return null;
-  const d = (e, n) => {
+import { useRef as C, useState as _ } from "react";
+import { jsx as l, jsxs as s } from "react/jsx-runtime";
+function j({ config: m }) {
+  const { options: r, selectedKeys: t, onChange: c, label: u = "Columns" } = m, a = C(null), [d, i] = _(!1);
+  if (r.length === 0) return null;
+  const f = (e, n) => {
     if (n) {
       if (t.includes(e)) return;
-      r([...t, e]);
-    } else r(t.filter((f) => f !== e));
+      c([...t, e]);
+    } else c(t.filter((o) => o !== e));
   };
-  return /* @__PURE__ */ o("div", {
+  return /* @__PURE__ */ s("div", {
     className: "data-view__column-selector",
     children: [/* @__PURE__ */ l(b, {
       ref: a,
       variant: "ghost",
       size: "small",
       icon: "table",
-      onClick: () => c((e) => !e),
-      children: /* @__PURE__ */ o("span", {
+      onClick: () => i((e) => !e),
+      children: /* @__PURE__ */ s("span", {
         className: "data-view__column-selector-label",
-        children: [m, /* @__PURE__ */ l(h, {
+        children: [u, /* @__PURE__ */ l(h, {
           name: "caret-down",
           size: "sm"
         })]
       })
     }), /* @__PURE__ */ l(v, {
-      visible: u,
-      onClose: () => c(!1),
+      visible: d,
+      onClose: () => i(!1),
       anchorEl: a.current,
       placement: "bottom",
       children: /* @__PURE__ */ l("div", {
         className: "data-view__column-selector-list",
-        children: s.map((e) => /* @__PURE__ */ o("label", {
-          className: "data-view__column-selector-item",
-          children: [/* @__PURE__ */ l(p, {
-            checked: t.includes(e.key),
-            onChange: (n) => d(e.key, n)
-          }), /* @__PURE__ */ l("span", { children: e.label })]
-        }, e.key))
+        children: r.map((e) => {
+          const n = t.includes(e.key);
+          return /* @__PURE__ */ s("label", {
+            className: "data-view__column-selector-item",
+            children: [/* @__PURE__ */ l(p, {
+              checked: n,
+              onChange: (o) => f(e.key, o)
+            }), /* @__PURE__ */ l("span", { children: e.label })]
+          }, e.key);
+        })
       })
     })]
   });