@memobit/libs 3.4.3 → 3.6.0

package/dist/components/Auth/MfaSetupModal/MfaSetupModal2.js

@@ -1,39 +1,38 @@
 import './MfaSetupModal.css';
 import { Button as o } from "../../Button/Button2.js";
-import { Modal as Y } from "../../Modal/Modal2.js";
-import { InputText as U } from "../../InputText/InputText2.js";
-import { InputPassword as j } from "../../InputPassword/InputPassword2.js";
-import { Toast as Z } from "../../Toast/Toast2.js";
-import { useAuth as ee } from "../../../hooks/useAuth/useAuth.js";
-import { QRCodeSVG as ae } from "../../../node_modules/qrcode.react/lib/esm/index.js";
+import { Modal as O } from "../../Modal/Modal2.js";
+import { InputText as R } from "../../InputText/InputText2.js";
+import { InputPassword as B } from "../../InputPassword/InputPassword2.js";
+import { Toast as X } from "../../Toast/Toast2.js";
+import { HttpMethod as F, buildRequestHeaders as Y } from "../../../helpers/Http.js";
+import { useAuth as Z } from "../../../hooks/useAuth/useAuth.js";
+import { QRCodeSVG as ee } from "../../../node_modules/qrcode.react/lib/esm/index.js";
 /* empty css              */
-import { useCallback as A, useEffect as te, useState as n } from "react";
-import { Fragment as D, jsx as e, jsxs as s } from "react/jsx-runtime";
-function pe({ isOpen: M, onClose: $ }) {
-  const { config: f } = ee(), [x, i] = n("loading"), [C, I] = n(!1), [_, P] = n(null), [V, z] = n(""), [S, G] = n(""), [p, l] = n(""), [m, d] = n(""), [b, v] = n([]), [k, u] = n(""), [a, N] = n(!1), [g, y] = n(null), c = A(async (t, h) => {
-    const W = document.cookie.match(/(?:^|;\s*)csrf_token=([^;]+)/), E = W ? decodeURIComponent(W[1]) : null, R = { "Content-Type": "application/json" };
-    E && (R["X-CSRF-Token"] = E);
-    const F = await fetch(`${f.apiBaseUrl}${t}`, {
-      method: "POST",
+import { useCallback as U, useEffect as ae, useState as r } from "react";
+import { Fragment as A, jsx as e, jsxs as s } from "react/jsx-runtime";
+function pe({ isOpen: M, onClose: D }) {
+  const { config: f } = Z(), [$, i] = r("loading"), [C, j] = r(!1), [_, x] = r(null), [P, I] = r(""), [b, V] = r(""), [p, c] = r(""), [m, d] = r(""), [S, v] = r([]), [k, u] = r(""), [a, N] = r(!1), [g, y] = r(null), l = U(async (t, h) => {
+    const E = await fetch(`${f.apiBaseUrl}${t}`, {
+      method: F.Post,
       credentials: "include",
-      headers: R,
+      headers: Y(F.Post),
       body: h ? JSON.stringify(h) : void 0
-    }), B = await F.json().catch(() => ({}));
-    if (!F.ok) throw new Error(B.error || "Request failed");
-    return B;
-  }, [f.apiBaseUrl]), w = A(async () => {
+    }), T = await E.json().catch(() => ({}));
+    if (!E.ok) throw new Error(T.error || "Request failed");
+    return T;
+  }, [f.apiBaseUrl]), w = U(async () => {
     i("loading"), u("");
     try {
       const t = await (await fetch(`${f.apiBaseUrl}/auth/mfaStatus`, { credentials: "include" })).json();
-      I(!!t.enabled), P(t.method ?? null), i("overview");
+      j(!!t.enabled), x(t.method ?? null), i("overview");
     } catch {
       u("Could not load MFA status."), i("overview");
     }
   }, [f.apiBaseUrl]);
-  te(() => {
-    M && (l(""), d(""), u(""), v([]), w());
+  ae(() => {
+    M && (c(""), d(""), u(""), v([]), w());
   }, [M, w]);
-  const r = async (t) => {
+  const n = async (t) => {
     N(!0), u("");
     try {
       await t();
@@ -42,47 +41,47 @@ function pe({ isOpen: M, onClose: $ }) {
     } finally {
       N(!1);
     }
-  }, q = () => r(async () => {
-    const t = await c("/auth/mfaSetupTotp");
-    z(t.secret || ""), G(t.otpauthUri || ""), l(""), i("totp-setup");
-  }), J = () => r(async () => {
-    const t = await c("/auth/mfaConfirmTotp", { code: p.trim() });
+  }, q = () => n(async () => {
+    const t = await l("/auth/mfaSetupTotp");
+    I(t.secret || ""), V(t.otpauthUri || ""), c(""), i("totp-setup");
+  }), z = () => n(async () => {
+    const t = await l("/auth/mfaConfirmTotp", { code: p.trim() });
     v(t.recoveryCodes || []), i("recovery");
-  }), T = () => r(async () => {
-    await c("/auth/mfaEnableEmail"), l(""), i("email-setup");
-  }), L = () => r(async () => {
-    const t = await c("/auth/mfaConfirmEmail", { code: p.trim() });
+  }), W = () => n(async () => {
+    await l("/auth/mfaEnableEmail"), c(""), i("email-setup");
+  }), G = () => n(async () => {
+    const t = await l("/auth/mfaConfirmEmail", { code: p.trim() });
     v(t.recoveryCodes || []), i("recovery");
-  }), O = () => r(async () => {
-    await c("/auth/mfaDisable", { password: m }), y({
+  }), H = () => n(async () => {
+    await l("/auth/mfaDisable", { password: m }), y({
       message: "Two-factor authentication disabled.",
       type: "success"
     }), d(""), await w();
-  }), Q = () => r(async () => {
-    const t = await c("/auth/mfaRegenRecovery", { password: m });
+  }), J = () => n(async () => {
+    const t = await l("/auth/mfaRegenRecovery", { password: m });
     v(t.recoveryCodes || []), d(""), i("recovery");
-  }), X = () => r(async () => {
-    await c("/auth/mfaForgetDevices"), y({
+  }), L = () => n(async () => {
+    await l("/auth/mfaForgetDevices"), y({
       message: "All trusted devices have been signed out.",
       type: "success"
     });
-  }), H = () => {
-    navigator.clipboard?.writeText(b.join(`
+  }), Q = () => {
+    navigator.clipboard?.writeText(S.join(`
 `)), y({
       message: "Recovery codes copied.",
       type: "success"
     });
-  }, K = V.replace(/(.{4})/g, "$1 ").trim();
-  return /* @__PURE__ */ s(Y, {
+  }, K = P.replace(/(.{4})/g, "$1 ").trim();
+  return /* @__PURE__ */ s(O, {
     isOpen: M,
-    onClose: $,
+    onClose: D,
     title: "Two-factor authentication",
     titleIcon: "key",
     size: "medium",
     children: [/* @__PURE__ */ s("div", {
       className: "MfaSetupModal",
       children: [(() => {
-        switch (x) {
+        switch ($) {
           case "loading":
             return /* @__PURE__ */ e("p", {
               className: "MfaSetupModal__hint",
@@ -94,7 +93,7 @@ function pe({ isOpen: M, onClose: $ }) {
               children: [/* @__PURE__ */ s("p", {
                 className: "MfaSetupModal__status",
                 children: ["Status: ", /* @__PURE__ */ e("strong", { children: C ? `Enabled (${_ === "email" ? "email codes" : "authenticator app"})` : "Disabled" })]
-              }), C ? /* @__PURE__ */ s(D, { children: [
+              }), C ? /* @__PURE__ */ s(A, { children: [
                 /* @__PURE__ */ e(o, {
                   variant: "default",
                   fullWidth: !0,
@@ -106,7 +105,7 @@ function pe({ isOpen: M, onClose: $ }) {
                   variant: "default",
                   fullWidth: !0,
                   disabled: a,
-                  onClick: () => r(X),
+                  onClick: () => n(L),
                   children: "Sign out trusted devices"
                 }),
                 /* @__PURE__ */ e(o, {
@@ -117,7 +116,7 @@ function pe({ isOpen: M, onClose: $ }) {
                   onClick: () => i("disable"),
                   children: "Disable two-factor"
                 })
-              ] }) : /* @__PURE__ */ s(D, { children: [
+              ] }) : /* @__PURE__ */ s(A, { children: [
                 /* @__PURE__ */ e("p", {
                   className: "MfaSetupModal__hint",
                   children: "Add a second step at sign-in. Choose a method:"
@@ -133,7 +132,7 @@ function pe({ isOpen: M, onClose: $ }) {
                   variant: "default",
                   fullWidth: !0,
                   disabled: a,
-                  onClick: T,
+                  onClick: W,
                   children: "Set up email codes"
                 })
               ] })]
@@ -146,10 +145,10 @@ function pe({ isOpen: M, onClose: $ }) {
                   className: "MfaSetupModal__hint",
                   children: "Scan this with your authenticator app (Google Authenticator, Aegis, 1Password…)."
                 }),
-                S && /* @__PURE__ */ e("div", {
+                b && /* @__PURE__ */ e("div", {
                   className: "MfaSetupModal__qr",
-                  children: /* @__PURE__ */ e(ae, {
-                    value: S,
+                  children: /* @__PURE__ */ e(ee, {
+                    value: b,
                     size: 192,
                     marginSize: 2
                   })
@@ -162,10 +161,10 @@ function pe({ isOpen: M, onClose: $ }) {
                   className: "MfaSetupModal__secret",
                   children: K
                 }),
-                /* @__PURE__ */ e(U, {
+                /* @__PURE__ */ e(R, {
                   placeholder: "6-digit code from the app",
                   value: p,
-                  onChange: l,
+                  onChange: c,
                   autoFocus: !0,
                   disabled: a
                 }),
@@ -174,7 +173,7 @@ function pe({ isOpen: M, onClose: $ }) {
                   icon: "key",
                   fullWidth: !0,
                   loading: a,
-                  onClick: J,
+                  onClick: z,
                   children: "Verify & enable"
                 })
               ]
@@ -187,10 +186,10 @@ function pe({ isOpen: M, onClose: $ }) {
                   className: "MfaSetupModal__hint",
                   children: "We emailed you a 6-digit code. Enter it below to enable email verification."
                 }),
-                /* @__PURE__ */ e(U, {
+                /* @__PURE__ */ e(R, {
                   placeholder: "6-digit code",
                   value: p,
-                  onChange: l,
+                  onChange: c,
                   autoFocus: !0,
                   disabled: a
                 }),
@@ -199,14 +198,14 @@ function pe({ isOpen: M, onClose: $ }) {
                   icon: "key",
                   fullWidth: !0,
                   loading: a,
-                  onClick: L,
+                  onClick: G,
                   children: "Verify & enable"
                 }),
                 /* @__PURE__ */ e(o, {
                   variant: "default",
                   fullWidth: !0,
                   disabled: a,
-                  onClick: T,
+                  onClick: W,
                   children: "Resend code"
                 })
               ]
@@ -226,13 +225,13 @@ function pe({ isOpen: M, onClose: $ }) {
                 }),
                 /* @__PURE__ */ e("ul", {
                   className: "MfaSetupModal__codes",
-                  children: b.map((t) => /* @__PURE__ */ e("li", { children: t }, t))
+                  children: S.map((t) => /* @__PURE__ */ e("li", { children: t }, t))
                 }),
                 /* @__PURE__ */ e(o, {
                   variant: "default",
                   fullWidth: !0,
                   disabled: a,
-                  onClick: H,
+                  onClick: Q,
                   children: "Copy codes"
                 }),
                 /* @__PURE__ */ e(o, {
@@ -252,7 +251,7 @@ function pe({ isOpen: M, onClose: $ }) {
                   className: "MfaSetupModal__hint",
                   children: "Confirm your password to disable two-factor authentication."
                 }),
-                /* @__PURE__ */ e(j, {
+                /* @__PURE__ */ e(B, {
                   placeholder: "Current password",
                   value: m,
                   onChange: d,
@@ -264,7 +263,7 @@ function pe({ isOpen: M, onClose: $ }) {
                   icon: "lock",
                   fullWidth: !0,
                   loading: a,
-                  onClick: O,
+                  onClick: H,
                   children: "Disable two-factor"
                 }),
                 /* @__PURE__ */ e(o, {
@@ -285,7 +284,7 @@ function pe({ isOpen: M, onClose: $ }) {
                   className: "MfaSetupModal__hint",
                   children: "Confirm your password to generate a new set of recovery codes. The old codes stop working."
                 }),
-                /* @__PURE__ */ e(j, {
+                /* @__PURE__ */ e(B, {
                   placeholder: "Current password",
                   value: m,
                   onChange: d,
@@ -297,7 +296,7 @@ function pe({ isOpen: M, onClose: $ }) {
                   icon: "key",
                   fullWidth: !0,
                   loading: a,
-                  onClick: Q,
+                  onClick: J,
                   children: "Generate new codes"
                 }),
                 /* @__PURE__ */ e(o, {
@@ -315,7 +314,7 @@ function pe({ isOpen: M, onClose: $ }) {
         className: "MfaSetupModal__error",
         children: k
       })]
-    }), g && /* @__PURE__ */ e(Z, {
+    }), g && /* @__PURE__ */ e(X, {
       message: g.message,
       type: g.type,
       onClose: () => y(null)

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,