@memobit/libs 3.0.0 → 3.1.1

package/dist/components/ColorPicker/ColorPicker2.js

@@ -0,0 +1,257 @@
+import './ColorPicker.css';
+import { Button as N } from "../Button/Button2.js";
+import { InputNumber as b } from "../InputNumber/InputNumber2.js";
+import { InputText as j } from "../InputText/InputText2.js";
+/* empty css            */
+import { useEffect as B, useRef as R, useState as H } from "react";
+import { jsx as m, jsxs as x } from "react/jsx-runtime";
+var _ = (s, h, i) => Math.min(i, Math.max(h, s)), k = (s) => {
+  const h = s.replace("#", "").trim();
+  if (![3, 6].includes(h.length)) return null;
+  const i = h.length === 3 ? h.split("").map((o) => o + o).join("") : h, l = parseInt(i, 16);
+  return Number.isNaN(l) ? null : {
+    r: l >> 16 & 255,
+    g: l >> 8 & 255,
+    b: l & 255
+  };
+}, L = ({ r: s, g: h, b: i }) => `#${[
+  s,
+  h,
+  i
+].map((l) => _(Math.round(l), 0, 255).toString(16).padStart(2, "0")).join("")}`, g = ({ r: s, g: h, b: i }) => {
+  const l = s / 255, o = h / 255, t = i / 255, r = Math.max(l, o, t), c = r - Math.min(l, o, t);
+  let e = 0;
+  c !== 0 && (r === l ? e = (o - t) / c % 6 : r === o ? e = (t - l) / c + 2 : e = (l - o) / c + 4, e = Math.round(e * 60), e < 0 && (e += 360));
+  const a = r === 0 ? 0 : c / r, d = r;
+  return {
+    h: e,
+    s: Math.round(a * 100),
+    v: Math.round(d * 100)
+  };
+}, T = ({ h: s, s: h, v: i }) => {
+  const l = h / 100, o = i / 100, t = o * l, r = t * (1 - Math.abs(s / 60 % 2 - 1)), c = o - t;
+  let e = 0, a = 0, d = 0;
+  return s < 60 ? (e = t, a = r) : s < 120 ? (e = r, a = t) : s < 180 ? (a = t, d = r) : s < 240 ? (a = r, d = t) : s < 300 ? (e = r, d = t) : (e = t, d = r), {
+    r: Math.round((e + c) * 255),
+    g: Math.round((a + c) * 255),
+    b: Math.round((d + c) * 255)
+  };
+}, I = ({ r: s, g: h, b: i }) => {
+  const l = s / 255, o = h / 255, t = i / 255, r = Math.max(l, o, t), c = Math.min(l, o, t), e = r - c;
+  let a = 0;
+  e !== 0 && (r === l ? a = (o - t) / e % 6 : r === o ? a = (t - l) / e + 2 : a = (l - o) / e + 4, a = Math.round(a * 60), a < 0 && (a += 360));
+  const d = (r + c) / 2, p = e === 0 ? 0 : e / (1 - Math.abs(2 * d - 1));
+  return {
+    h: a,
+    s: Math.round(p * 100),
+    l: Math.round(d * 100)
+  };
+}, w = ({ h: s, s: h, l: i }) => {
+  const l = h / 100, o = i / 100, t = (1 - Math.abs(2 * o - 1)) * l, r = t * (1 - Math.abs(s / 60 % 2 - 1)), c = o - t / 2;
+  let e = 0, a = 0, d = 0;
+  return s < 60 ? (e = t, a = r) : s < 120 ? (e = r, a = t) : s < 180 ? (a = t, d = r) : s < 240 ? (a = r, d = t) : s < 300 ? (e = r, d = t) : (e = t, d = r), {
+    r: Math.round((e + c) * 255),
+    g: Math.round((a + c) * 255),
+    b: Math.round((d + c) * 255)
+  };
+}, F = ({ value: s = "#4e79a7", onChange: h }) => {
+  const [i, l] = H("hex"), [o, t] = H(() => {
+    const n = k(s) || {
+      r: 78,
+      g: 121,
+      b: 167
+    };
+    return g(n);
+  }), r = R(null), c = R(o);
+  c.current = o, B(() => {
+    const n = k(s);
+    n && t(g(n));
+  }, [s]);
+  const e = (n) => {
+    const v = {
+      h: _(n.h, 0, 360),
+      s: _(n.s, 0, 100),
+      v: _(n.v, 0, 100)
+    };
+    t(v);
+    const u = L(T(v));
+    h?.(u);
+  }, a = (n, v) => {
+    const u = r.current?.getBoundingClientRect();
+    if (!u) return;
+    const M = _(n - u.left, 0, u.width), y = _(v - u.top, 0, u.height), S = Math.round(M / u.width * 100), E = Math.round(100 - y / u.height * 100);
+    e({
+      h: c.current.h,
+      s: S,
+      v: E
+    });
+  }, d = (n) => {
+    n.preventDefault();
+    try {
+      n.currentTarget.setPointerCapture(n.pointerId);
+    } catch {
+    }
+    a(n.clientX, n.clientY);
+    const v = (M) => a(M.clientX, M.clientY), u = () => {
+      window.removeEventListener("pointermove", v), window.removeEventListener("pointerup", u), window.removeEventListener("pointercancel", u);
+    };
+    window.addEventListener("pointermove", v), window.addEventListener("pointerup", u), window.addEventListener("pointercancel", u);
+  }, p = T(o), C = L(p), f = I(p);
+  return /* @__PURE__ */ x("div", {
+    className: "color-picker",
+    children: [
+      /* @__PURE__ */ m("div", {
+        className: "color-picker__preview",
+        style: { backgroundColor: C }
+      }),
+      /* @__PURE__ */ x("div", {
+        className: "color-picker__controls",
+        children: [/* @__PURE__ */ x("div", {
+          className: "color-picker__sv",
+          ref: r,
+          style: { backgroundColor: `hsl(${o.h}, 100%, 50%)` },
+          onPointerDown: d,
+          children: [
+            /* @__PURE__ */ m("div", { className: "color-picker__sv-white" }),
+            /* @__PURE__ */ m("div", { className: "color-picker__sv-black" }),
+            /* @__PURE__ */ m("div", {
+              className: "color-picker__sv-handle",
+              style: {
+                left: `${o.s}%`,
+                top: `${100 - o.v}%`
+              }
+            })
+          ]
+        }), /* @__PURE__ */ m("div", {
+          className: "color-picker__slider",
+          children: /* @__PURE__ */ m("input", {
+            type: "range",
+            min: 0,
+            max: 360,
+            value: o.h,
+            onChange: (n) => e({
+              ...o,
+              h: Number(n.target.value)
+            })
+          })
+        })]
+      }),
+      /* @__PURE__ */ x("div", {
+        className: "color-picker__mode-toggle",
+        children: [
+          /* @__PURE__ */ m(N, {
+            variant: "plain",
+            className: i === "hex" ? "is-active" : "",
+            onClick: () => l("hex"),
+            children: "Hex"
+          }),
+          /* @__PURE__ */ m(N, {
+            variant: "plain",
+            className: i === "rgb" ? "is-active" : "",
+            onClick: () => l("rgb"),
+            children: "RGB"
+          }),
+          /* @__PURE__ */ m(N, {
+            variant: "plain",
+            className: i === "hsl" ? "is-active" : "",
+            onClick: () => l("hsl"),
+            children: "HSL"
+          })
+        ]
+      }),
+      i === "hex" && /* @__PURE__ */ m("div", {
+        className: "color-picker__fields color-picker__fields--hex",
+        children: /* @__PURE__ */ m(j, {
+          label: "Hex",
+          value: C,
+          onChange: (n) => {
+            const v = k(n);
+            v && e(g(v));
+          }
+        })
+      }),
+      i === "rgb" && /* @__PURE__ */ x("div", {
+        className: "color-picker__fields color-picker__fields--rgb",
+        children: [
+          /* @__PURE__ */ m(b, {
+            label: "R",
+            min: 0,
+            max: 255,
+            value: p.r,
+            onChange: (n) => e(g({
+              ...p,
+              r: n ?? 0
+            }))
+          }),
+          /* @__PURE__ */ m(b, {
+            label: "G",
+            min: 0,
+            max: 255,
+            value: p.g,
+            onChange: (n) => e(g({
+              ...p,
+              g: n ?? 0
+            }))
+          }),
+          /* @__PURE__ */ m(b, {
+            label: "B",
+            min: 0,
+            max: 255,
+            value: p.b,
+            onChange: (n) => e(g({
+              ...p,
+              b: n ?? 0
+            }))
+          })
+        ]
+      }),
+      i === "hsl" && /* @__PURE__ */ x("div", {
+        className: "color-picker__fields color-picker__fields--hsl",
+        children: [
+          /* @__PURE__ */ m(b, {
+            label: "H",
+            min: 0,
+            max: 360,
+            value: f.h,
+            onChange: (n) => {
+              const v = w({
+                ...f,
+                h: n ?? 0
+              });
+              e(g(v));
+            }
+          }),
+          /* @__PURE__ */ m(b, {
+            label: "S",
+            min: 0,
+            max: 100,
+            value: f.s,
+            onChange: (n) => {
+              const v = w({
+                ...f,
+                s: n ?? 0
+              });
+              e(g(v));
+            }
+          }),
+          /* @__PURE__ */ m(b, {
+            label: "L",
+            min: 0,
+            max: 100,
+            value: f.l,
+            onChange: (n) => {
+              const v = w({
+                ...f,
+                l: n ?? 0
+              });
+              e(g(v));
+            }
+          })
+        ]
+      })
+    ]
+  });
+};
+export {
+  F as ColorPicker
+};

package/dist/components/CommandPalette/CommandPalette.css

@@ -0,0 +1 @@
+.command-palette{z-index:1000;position:fixed;inset:0}.command-palette__backdrop{background:#00000073;position:absolute;inset:0}.command-palette__panel{background:var(--card-background-color);border:1px solid var(--delimiter-color);border-radius:var(--radius);max-width:560px;padding:var(--spacing-16);box-shadow:var(--card-box-shadow);gap:var(--spacing-12);flex-direction:column;margin:12vh auto 0;display:flex;position:relative}.command-palette__input .input-text-wrapper,.command-palette__input .input-text{width:100%}.command-palette__list{gap:var(--spacing-12);flex-direction:column;max-height:320px;display:flex;overflow:auto}.command-palette__group-title{color:var(--body-color-muted);margin-bottom:6px;font-size:.8rem}.command-palette__item{justify-content:space-between;align-items:center;gap:var(--spacing-12);border-radius:var(--radius);background:var(--card-background-accent-color);cursor:pointer;text-align:left;border:1px solid #0000;width:100%;padding:8px 10px;display:flex}.command-palette__item:hover{border-color:var(--card-hover-border-color)}.command-palette__icon{margin-right:var(--spacing-8)}.command-palette__label{flex:1}.command-palette__shortcut{color:var(--body-color-muted);margin-left:var(--spacing-12);font-size:.75rem}.command-palette__empty{padding:var(--spacing-12);color:var(--body-color-muted)}.command-palette__footer{color:var(--body-color-muted);text-align:right;font-size:.75rem}

package/dist/components/CommandPalette/CommandPalette2.js

@@ -0,0 +1,97 @@
+import './CommandPalette.css';
+import { Button as k } from "../Button/Button2.js";
+import { InputText as x } from "../InputText/InputText2.js";
+/* empty css               */
+import { useEffect as h, useMemo as v, useState as N } from "react";
+import { jsx as a, jsxs as n } from "react/jsx-runtime";
+var K = ({ items: c, isOpen: r, onOpenChange: s, placeholder: w = "Search commands", enableHotkey: u = !0 }) => {
+  const [y, d] = N(!1), [m, p] = N(""), o = r ?? y;
+  h(() => {
+    if (!u) return;
+    const t = (e) => {
+      if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "k") {
+        e.preventDefault();
+        const l = !o;
+        r === void 0 && d(l), s?.(l);
+      }
+      o && e.key === "Escape" && (r === void 0 && d(!1), s?.(!1));
+    };
+    return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
+  }, [
+    u,
+    r,
+    s,
+    o
+  ]), h(() => {
+    o || p("");
+  }, [o]);
+  const i = v(() => {
+    const t = m.trim().toLowerCase();
+    return t ? c.filter((e) => [e.label, ...e.keywords ?? []].join(" ").toLowerCase().includes(t)) : c;
+  }, [c, m]), f = v(() => i.reduce((t, e) => {
+    const l = e.group || "General";
+    return t[l] = t[l] ? [...t[l], e] : [e], t;
+  }, {}), [i]), _ = () => {
+    r === void 0 && d(!1), s?.(!1);
+  };
+  return o ? /* @__PURE__ */ n("div", {
+    className: "command-palette",
+    children: [/* @__PURE__ */ a("div", {
+      className: "command-palette__backdrop",
+      onClick: _
+    }), /* @__PURE__ */ n("div", {
+      className: "command-palette__panel",
+      children: [
+        /* @__PURE__ */ a("div", {
+          className: "command-palette__input",
+          children: /* @__PURE__ */ a(x, {
+            autoFocus: !0,
+            placeholder: w,
+            value: m,
+            onChange: p
+          })
+        }),
+        /* @__PURE__ */ n("div", {
+          className: "command-palette__list",
+          children: [Object.keys(f).map((t) => /* @__PURE__ */ n("div", {
+            className: "command-palette__group",
+            children: [/* @__PURE__ */ a("div", {
+              className: "command-palette__group-title",
+              children: t
+            }), f[t].map((e) => /* @__PURE__ */ n(k, {
+              variant: "plain",
+              className: "command-palette__item",
+              onClick: () => {
+                e.onSelect(), _();
+              },
+              children: [
+                e.icon && /* @__PURE__ */ a("span", {
+                  className: "command-palette__icon",
+                  children: e.icon
+                }),
+                /* @__PURE__ */ a("span", {
+                  className: "command-palette__label",
+                  children: e.label
+                }),
+                e.shortcut && /* @__PURE__ */ a("span", {
+                  className: "command-palette__shortcut",
+                  children: e.shortcut
+                })
+              ]
+            }, e.id))]
+          }, t)), i.length === 0 && /* @__PURE__ */ a("div", {
+            className: "command-palette__empty",
+            children: "No matching commands"
+          })]
+        }),
+        /* @__PURE__ */ a("div", {
+          className: "command-palette__footer",
+          children: "Press Ctrl+K to toggle"
+        })
+      ]
+    })]
+  }) : null;
+};
+export {
+  K as CommandPalette
+};

package/dist/components/Confetti/Confetti.css

@@ -0,0 +1 @@
+.confetti-canvas{pointer-events:none}.confetti-canvas--fullscreen{z-index:9999;width:100vw;height:100vh;position:fixed;inset:0}.confetti-canvas--container{z-index:10;width:100%;height:100%;position:absolute;inset:0}

package/dist/components/Confetti/Confetti2.js

@@ -0,0 +1,175 @@
+import './Confetti.css';
+/* empty css         */
+import { forwardRef as B, useCallback as E, useEffect as H, useImperativeHandle as L, useRef as v } from "react";
+import { jsx as O } from "react/jsx-runtime";
+var _ = [
+  "#0891b2",
+  "#06b6d4",
+  "#16a34a",
+  "#f59e0b",
+  "#dc2626",
+  "#8b5cf6",
+  "#ec4899",
+  "#f97316"
+], j = (t) => {
+  if (t && t.length > 0) return t;
+  const a = getComputedStyle(document.documentElement), s = [
+    a.getPropertyValue("--body-accent-color").trim(),
+    a.getPropertyValue("--button-success-background-color").trim(),
+    a.getPropertyValue("--button-warning-background-color").trim(),
+    a.getPropertyValue("--body-danger-color").trim()
+  ].filter(Boolean);
+  return s.length >= 2 ? [
+    ...s,
+    "#8b5cf6",
+    "#ec4899",
+    "#f97316",
+    "#06b6d4"
+  ] : _;
+}, I = () => {
+  const t = Math.random();
+  return t < 0.5 ? "rect" : t < 0.8 ? "circle" : "star";
+}, b = (t) => t[Math.floor(Math.random() * t.length)], S = (t, a, s) => ({
+  x: Math.random() * t,
+  y: -10 - Math.random() * 40,
+  vx: (Math.random() - 0.5) * 2,
+  vy: 2 + Math.random() * 4,
+  angle: Math.random() * Math.PI * 2,
+  spin: (Math.random() - 0.5) * 0.2,
+  size: 5 + Math.random() * 8,
+  color: b(s),
+  opacity: 1,
+  shape: I()
+}), D = (t, a, s) => {
+  const o = Math.random() * Math.PI * 2, c = 3 + Math.random() * 10;
+  return {
+    x: t,
+    y: a,
+    vx: Math.cos(o) * c,
+    vy: Math.sin(o) * c,
+    angle: Math.random() * Math.PI * 2,
+    spin: (Math.random() - 0.5) * 0.3,
+    size: 4 + Math.random() * 8,
+    color: b(s),
+    opacity: 1,
+    shape: I()
+  };
+}, F = (t, a, s) => ({
+  x: t * 0.2 + Math.random() * t * 0.6,
+  y: a + 20,
+  vx: (Math.random() - 0.5) * 1.5,
+  vy: -(12 + Math.random() * 6),
+  angle: 0,
+  spin: 0,
+  size: 3,
+  color: b(s),
+  opacity: 1,
+  shape: "circle",
+  trail: [],
+  exploded: !1,
+  children: []
+}), N = (t, a, s) => {
+  const o = Math.random() * Math.PI * 2, c = 1 + Math.random() * 5;
+  return {
+    x: t,
+    y: a,
+    vx: Math.cos(o) * c,
+    vy: Math.sin(o) * c,
+    angle: Math.random() * Math.PI * 2,
+    spin: (Math.random() - 0.5) * 0.15,
+    size: 2 + Math.random() * 5,
+    color: b(s),
+    opacity: 1,
+    shape: I()
+  };
+}, U = (t, a, s, o) => {
+  const P = o * 0.4;
+  t.beginPath();
+  for (let h = 0; h < 10; h++) {
+    const f = h % 2 === 0 ? o : P, d = h * Math.PI / 5 - Math.PI / 2;
+    h === 0 ? t.moveTo(a + f * Math.cos(d), s + f * Math.sin(d)) : t.lineTo(a + f * Math.cos(d), s + f * Math.sin(d));
+  }
+  t.closePath(), t.fill();
+}, w = (t, a) => {
+  switch (t.save(), t.globalAlpha = Math.max(0, a.opacity), t.fillStyle = a.color, t.translate(a.x, a.y), t.rotate(a.angle), a.shape) {
+    case "rect":
+      t.fillRect(-a.size / 2, -a.size / 4, a.size, a.size / 2);
+      break;
+    case "circle":
+      t.beginPath(), t.arc(0, 0, a.size / 2, 0, Math.PI * 2), t.fill();
+      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) => {
+  const h = v(null), f = v(0), d = v(0), M = v(!1), V = {
+    confetti: 150,
+    burst: 200,
+    fireworks: 8
+  }, R = E(() => {
+    M.current = !1, cancelAnimationFrame(f.current);
+    const i = h.current;
+    i && i.getContext("2d")?.clearRect(0, 0, i.width, i.height);
+  }, []), z = E(() => {
+    const i = h.current;
+    if (!i || M.current) return;
+    const r = i.getContext("2d");
+    if (!r) return;
+    i.width = i.offsetWidth, i.height = i.offsetHeight;
+    const u = i.width, m = i.height, y = j(t), x = c ?? V[o];
+    M.current = !0, d.current = performance.now();
+    let l = [];
+    if (o === "confetti") l = Array.from({ length: x }, () => S(u, m, y));
+    else if (o === "burst") {
+      const k = u / 2, A = m / 2;
+      l = Array.from({ length: x }, () => D(k, A, y));
+    } else o === "fireworks" && (l = Array.from({ length: x }, () => F(u, m, y)));
+    const C = (k) => {
+      if (!M.current) return;
+      const A = k - d.current, g = Math.min(A / a, 1);
+      if (r.clearRect(0, 0, u, m), o === "confetti" ? (g < 0.6 && Math.random() < 0.3 && l.push(S(u, m, y)), l = l.filter((e) => e.opacity > 0 && e.y < m + 20), l.forEach((e) => {
+        e.x += e.vx, e.y += e.vy, e.vy += 0.08, e.vx += (Math.random() - 0.5) * 0.1, e.angle += e.spin, g > 0.6 && (e.opacity -= 0.015), w(r, e);
+      })) : o === "burst" ? (l = l.filter((e) => e.opacity > 0), l.forEach((e) => {
+        e.x += e.vx, e.y += e.vy, e.vy += 0.15, e.vx *= 0.98, e.angle += e.spin, e.opacity -= 0.012, w(r, e);
+      })) : o === "fireworks" && (g < 0.85 && Math.random() < 0.04 && l.push(F(u, m, y)), l = l.filter((e) => e.exploded ? e.children?.some((n) => n.opacity > 0) ?? !1 : e.y > -m * 0.1), l.forEach((e) => {
+        if (e.exploded)
+          e.children?.forEach((n) => {
+            n.x += n.vx, n.y += n.vy, n.vy += 0.06, n.vx *= 0.97, n.angle += n.spin, n.opacity -= 0.014, w(r, n);
+          });
+        else if (e.trail?.push({
+          x: e.x,
+          y: e.y
+        }), (e.trail?.length ?? 0) > 12 && e.trail?.shift(), e.trail?.forEach((n, T) => {
+          const q = (T + 1) / (e.trail?.length ?? 1) * 0.6;
+          r.save(), r.globalAlpha = q, r.fillStyle = e.color, r.beginPath(), r.arc(n.x, n.y, 2, 0, Math.PI * 2), r.fill(), r.restore();
+        }), r.save(), r.globalAlpha = 1, r.fillStyle = e.color, r.beginPath(), r.arc(e.x, e.y, 3, 0, Math.PI * 2), r.fill(), r.restore(), e.x += e.vx, e.y += e.vy, e.vy += 0.18, e.vy >= 0) {
+          e.exploded = !0;
+          const n = 60 + Math.floor(Math.random() * 40);
+          e.children = Array.from({ length: n }, () => N(e.x, e.y, y)), r.save(), r.globalAlpha = 0.8, r.fillStyle = "#ffffff", r.beginPath(), r.arc(e.x, e.y, 12, 0, Math.PI * 2), r.fill(), r.restore();
+        }
+      })), g >= 1 || l.length === 0) {
+        R();
+        return;
+      }
+      f.current = requestAnimationFrame(C);
+    };
+    f.current = requestAnimationFrame(C);
+  }, [
+    t,
+    a,
+    o,
+    c,
+    R
+  ]);
+  return L(P, () => ({ trigger: z }), [z]), H(() => () => {
+    cancelAnimationFrame(f.current);
+  }, []), /* @__PURE__ */ O("canvas", {
+    ref: h,
+    className: `confetti-canvas confetti-canvas--${s}`
+  });
+});
+export {
+  G as Confetti
+};

package/dist/components/ConfirmDialog/ConfirmDialog.css

@@ -0,0 +1 @@
+.confirm-dialog__body{padding:var(--spacing-16) var(--spacing-24);color:var(--modal-body-color)}.confirm-dialog__body p{margin:0;line-height:1.5}

package/dist/components/ConfirmDialog/ConfirmDialog2.js

@@ -0,0 +1,37 @@
+import './ConfirmDialog.css';
+import { Modal as n } from "../Modal/Modal2.js";
+/* empty css              */
+import "react";
+import { jsx as a } from "react/jsx-runtime";
+var p = ({ isOpen: r = !1, message: t, title: l, confirm: o, cancel: i, usePortal: e = !1 }) => {
+  const d = {
+    variant: i?.variant || "default",
+    icon: i?.icon || "clear",
+    onClick: i?.onClick,
+    disabled: i?.disabled,
+    text: i?.text || "Cancel"
+  };
+  return /* @__PURE__ */ a(n, {
+    isOpen: r,
+    title: l,
+    onClose: i?.onClick ? () => i.onClick() : void 0,
+    size: "small",
+    className: "confirm-dialog",
+    usePortal: e,
+    primary: {
+      variant: o?.variant || "danger",
+      icon: o?.icon || "checkmark",
+      onClick: o?.onClick,
+      disabled: o?.disabled,
+      text: o?.text || "Confirm"
+    },
+    secondary: d,
+    children: /* @__PURE__ */ a("div", {
+      className: "confirm-dialog__body",
+      children: /* @__PURE__ */ a("p", { children: t })
+    })
+  });
+};
+export {
+  p as default
+};

package/dist/components/ConfirmPopover/ConfirmPopover.css

@@ -0,0 +1 @@
+.confirm-popover{gap:var(--spacing-8);flex-direction:column;min-width:180px;max-width:280px;display:flex}.confirm-popover__header{align-items:center;gap:var(--spacing-8);color:var(--body-color);display:flex}.confirm-popover__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.confirm-popover__message{font-size:var(--font-size-sm);color:var(--body-color-muted);line-height:var(--line-height-normal)}.confirm-popover__actions{gap:var(--spacing-8);justify-content:flex-end;display:flex}

package/dist/components/ConfirmPopover/ConfirmPopover2.js

@@ -0,0 +1,55 @@
+import './ConfirmPopover.css';
+import { Icon as f } from "../Icon/Icon2.js";
+import { Button as p } from "../Button/Button2.js";
+import { Popover as _ } from "../Popover/Popover2.js";
+/* empty css               */
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+var j = ({ visible: t, onClose: n, anchorEl: s, title: a, message: c, icon: e, confirm: r, cancel: i, placement: d = "auto", offset: l }) => {
+  const v = () => {
+    r.onClick(), n();
+  }, h = () => {
+    i?.onClick?.(), n();
+  };
+  return /* @__PURE__ */ o(_, {
+    visible: t,
+    onClose: n,
+    anchorEl: s,
+    placement: d,
+    ...l !== void 0 ? { offset: l } : {},
+    children: /* @__PURE__ */ m("div", {
+      className: "confirm-popover",
+      children: [
+        (a || e) && /* @__PURE__ */ m("div", {
+          className: "confirm-popover__header",
+          children: [e && /* @__PURE__ */ o(f, { name: e }), a && /* @__PURE__ */ o("span", {
+            className: "confirm-popover__title",
+            children: a
+          })]
+        }),
+        c && /* @__PURE__ */ o("div", {
+          className: "confirm-popover__message",
+          children: c
+        }),
+        /* @__PURE__ */ m("div", {
+          className: "confirm-popover__actions",
+          children: [/* @__PURE__ */ o(p, {
+            size: "small",
+            variant: i?.variant ?? "default",
+            icon: i?.icon,
+            onClick: h,
+            children: i?.text ?? "Cancel"
+          }), /* @__PURE__ */ o(p, {
+            size: "small",
+            variant: r.variant ?? "info",
+            icon: r.icon,
+            onClick: v,
+            children: r.text ?? "Confirm"
+          })]
+        })
+      ]
+    })
+  });
+};
+export {
+  j as ConfirmPopover
+};

package/dist/components/ContextMenu/ContextMenu.css

@@ -0,0 +1 @@
+.memobit-context-menu-back-drop{background-color:var(--backdrop-color);opacity:.2;animation:.2s contextMenuBackdropFadeIn}.memobit-context-menu{z-index:1191;color:var(--dropdown-options-color);background-color:var(--dropdown-options-background-color);border:1px solid var(--dropdown-border-color);border-radius:var(--spacing-4);box-shadow:var(--modal-box-shadow);padding:var(--spacing-4);box-sizing:border-box;opacity:0;max-width:calc(100vw - 16px);transition:opacity .2s,transform .2s;position:fixed;overflow:auto;transform:translateY(-10px)}.memobit-context-menu--visible{opacity:1;transform:translateY(0)}@keyframes contextMenuBackdropFadeIn{0%{opacity:0}to{opacity:.2}}