@memobit/libs 3.11.2 → 3.11.3

package/dist/components/Confetti/Confetti2.js

@@ -1,8 +1,8 @@
 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 N } from "react/jsx-runtime";
-var O = [
+import { forwardRef as L, useCallback as E, useEffect as N, useImperativeHandle as O, useRef as v } from "react";
+import { jsx as U } from "react/jsx-runtime";
+var _ = [
   "#0891b2",
   "#06b6d4",
   "#16a34a",
@@ -11,7 +11,7 @@ var O = [
   "#8b5cf6",
   "#ec4899",
   "#f97316"
-], _ = (t) => {
+], q = (t) => {
   if (t && t.length > 0) return t;
   const a = getComputedStyle(document.documentElement), s = [
     a.getPropertyValue("--body-accent-color").trim(),
@@ -25,7 +25,7 @@ var O = [
     "#ec4899",
     "#f97316",
     "#06b6d4"
-  ] : O;
+  ] : _;
 }, I = () => {
   const t = Math.random();
   return t < 0.5 ? "rect" : t < 0.8 ? "circle" : "star";
@@ -40,7 +40,7 @@ var O = [
   color: b(s),
   opacity: 1,
   shape: I()
-}), j = (t, a, s) => {
+}), B = (t, a, s) => {
   const o = Math.random() * Math.PI * 2, c = 3 + Math.random() * 10;
   return {
     x: t,
@@ -82,7 +82,7 @@ var O = [
     opacity: 1,
     shape: I()
   };
-}, U = (t, a, s, o) => {
+}, H = (t, a, s, o) => {
   const P = o * 0.4;
   t.beginPath();
   for (let h = 0; h < 10; h++) {
@@ -99,40 +99,40 @@ var O = [
       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);
+      H(t, 0, 0, a.size / 2);
   }
   t.restore();
-}, W = 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
-  }, C = E(() => {
+}, j = {
+  confetti: 150,
+  burst: 200,
+  fireworks: 8
+}, W = L(({ 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), C = E(() => {
     M.current = !1, cancelAnimationFrame(f.current);
-    const i = h.current;
-    i && i.getContext("2d")?.clearRect(0, 0, i.width, i.height);
+    const l = h.current;
+    l && l.getContext("2d")?.clearRect(0, 0, l.width, l.height);
   }, []), R = E(() => {
-    const i = h.current;
-    if (!i || M.current) return;
-    const r = i.getContext("2d");
+    const l = h.current;
+    if (!l || M.current) return;
+    const r = l.getContext("2d");
     if (!r) return;
-    i.width = i.offsetWidth, i.height = i.offsetHeight;
-    const y = i.width, m = i.height, u = _(t), x = c ?? V[o];
+    l.width = l.offsetWidth, l.height = l.offsetHeight;
+    const y = l.width, m = l.height, u = q(t), x = c ?? j[o];
     M.current = !0, d.current = performance.now();
-    let l = [];
-    if (o === "confetti") l = Array.from({ length: x }, () => S(y, m, u));
+    let i = [];
+    if (o === "confetti") i = Array.from({ length: x }, () => S(y, m, u));
     else if (o === "burst") {
       const k = y / 2, A = m / 2;
-      l = Array.from({ length: x }, () => j(k, A, u));
-    } else o === "fireworks" && (l = Array.from({ length: x }, () => F(y, m, u)));
+      i = Array.from({ length: x }, () => B(k, A, u));
+    } else o === "fireworks" && (i = Array.from({ length: x }, () => F(y, m, u)));
     const z = (k) => {
       if (!M.current) return;
       const A = k - d.current, g = Math.min(A / a, 1);
-      if (r.clearRect(0, 0, y, m), o === "confetti" ? (g < 0.6 && Math.random() < 0.3 && l.push(S(y, m, u)), l = l.filter((e) => e.opacity > 0 && e.y < m + 20), l.forEach((e) => {
+      if (r.clearRect(0, 0, y, m), o === "confetti" ? (g < 0.6 && Math.random() < 0.3 && i.push(S(y, m, u)), i = i.filter((e) => e.opacity > 0 && e.y < m + 20), i.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) => {
+      })) : o === "burst" ? (i = i.filter((e) => e.opacity > 0), i.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(y, m, u)), l = l.filter((e) => e.exploded ? e.children?.some((n) => n.opacity > 0) ?? !1 : e.y > -m * 0.1), l.forEach((e) => {
+      })) : o === "fireworks" && (g < 0.85 && Math.random() < 0.04 && i.push(F(y, m, u)), i = i.filter((e) => e.exploded ? e.children?.some((n) => n.opacity > 0) ?? !1 : e.y > -m * 0.1), i.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);
@@ -141,14 +141,14 @@ var O = [
           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();
+          const V = (T + 1) / (e.trail?.length ?? 1) * 0.6;
+          r.save(), r.globalAlpha = V, 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 }, () => D(e.x, e.y, u)), 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) {
+      })), g >= 1 || i.length === 0) {
         C();
         return;
       }
@@ -162,9 +162,9 @@ var O = [
     c,
     C
   ]);
-  return L(P, () => ({ trigger: R }), [R]), H(() => () => {
+  return O(P, () => ({ trigger: R }), [R]), N(() => () => {
     cancelAnimationFrame(f.current);
-  }, []), /* @__PURE__ */ N("canvas", {
+  }, []), /* @__PURE__ */ U("canvas", {
     ref: h,
     className: `confetti-canvas confetti-canvas--${s}`
   });

package/dist/components/ContextToast/ContextToast2.js

@@ -1,47 +1,44 @@
 import './ContextToast.css';
-import { Icon as f } from "../Icon/Icon2.js";
-import { Tooltip as x } from "../Tooltip/Tooltip2.js";
+import { Icon as p } from "../Icon/Icon2.js";
+import { Tooltip as v } from "../Tooltip/Tooltip2.js";
 /* empty css             */
-import { createContext as p, useCallback as T, useContext as C, useEffect as g, useMemo as b, useState as v } from "react";
-import { jsx as s, jsxs as _ } from "react/jsx-runtime";
-var h = p(null), N = () => {
-  const e = C(h);
-  if (!e) throw new Error("useToast must be used within a ToastProvider");
-  return e;
-}, $ = ({ id: e, message: r, type: n = "info", action: o, onClose: t, showDismissButton: u = !0, timeout: a = 2e3 }) => {
-  g(() => {
+import { ToastContext as h, useToast as g } from "./useToast.js";
+import { useCallback as T, useEffect as x, useMemo as C, useState as f } from "react";
+import { jsx as o, jsxs as b } from "react/jsx-runtime";
+var _ = ({ id: s, message: a, type: r = "info", action: e, onClose: t, showDismissButton: u = !0, timeout: i = 2e3 }) => {
+  x(() => {
     const d = setTimeout(() => {
-      t(e);
-    }, a);
+      t(s);
+    }, i);
     return () => clearTimeout(d);
   }, [
-    e,
+    s,
     t,
-    a
+    i
   ]);
-  const [i, c] = v(!1), l = () => {
-    c(!0), setTimeout(() => t(e), 300);
-  }, m = () => {
-    o?.onClick(), l();
+  const [n, c] = f(!1), m = () => {
+    c(!0), setTimeout(() => t(s), 300);
+  }, l = () => {
+    e?.onClick(), m();
   };
-  return /* @__PURE__ */ _("div", {
-    className: `toast toast--${n} ${i ? "toast--exiting" : ""}`,
+  return /* @__PURE__ */ b("div", {
+    className: `toast toast--${r} ${n ? "toast--exiting" : ""}`,
     children: [
-      /* @__PURE__ */ s("div", {
+      /* @__PURE__ */ o("div", {
         className: "toast__message",
-        children: r
+        children: a
       }),
-      o && /* @__PURE__ */ s("button", {
-        onClick: m,
+      e && /* @__PURE__ */ o("button", {
+        onClick: l,
         className: "toast__action-button",
-        children: o.label
+        children: e.label
       }),
-      u && /* @__PURE__ */ s(x, {
+      u && /* @__PURE__ */ o(v, {
         title: "Close",
-        children: /* @__PURE__ */ s("button", {
-          onClick: l,
+        children: /* @__PURE__ */ o("button", {
+          onClick: m,
           className: "toast__close-button",
-          children: /* @__PURE__ */ s(f, {
+          children: /* @__PURE__ */ o(p, {
             name: "clear",
             size: "sm"
           })
@@ -49,48 +46,47 @@ var h = p(null), N = () => {
       })
     ]
   });
-}, y = ({ position: e = "bottom-right", showDismissButton: r = !0 }) => {
-  const { toasts: n, removeToast: o } = N();
-  return /* @__PURE__ */ s("div", {
-    className: `toast-container toast-container--${e}`,
-    children: n.map((t) => /* @__PURE__ */ s($, {
+}, I = ({ position: s = "bottom-right", showDismissButton: a = !0 }) => {
+  const { toasts: r, removeToast: e } = g();
+  return /* @__PURE__ */ o("div", {
+    className: `toast-container toast-container--${s}`,
+    children: r.map((t) => /* @__PURE__ */ o(_, {
       id: t.id,
       message: t.message,
       type: t.type,
       action: t.action,
-      showDismissButton: r,
+      showDismissButton: a,
       timeout: t.timeout,
-      onClose: o
+      onClose: e
     }, t.id))
   });
-}, I = ({ children: e }) => {
-  const [r, n] = v([]), o = T((a) => {
-    n((i) => i.filter((c) => c.id !== a));
-  }, []), t = T((a, i = "info", c = 1500, l) => {
-    const m = `${Date.now().toString()}-${Math.random().toString(36).slice(2, 8)}`;
-    return n((d) => [...d, {
-      id: m,
-      message: a,
-      type: i,
+}, M = ({ children: s }) => {
+  const [a, r] = f([]), e = T((i) => {
+    r((n) => n.filter((c) => c.id !== i));
+  }, []), t = T((i, n = "info", c = 1500, m) => {
+    const l = `${Date.now().toString()}-${Math.random().toString(36).slice(2, 8)}`;
+    return r((d) => [...d, {
+      id: l,
+      message: i,
+      type: n,
       timeout: c,
-      action: l
-    }]), m;
-  }, []), u = b(() => ({
-    toasts: r,
+      action: m
+    }]), l;
+  }, []), u = C(() => ({
+    toasts: a,
     addToast: t,
-    removeToast: o
+    removeToast: e
   }), [
-    r,
+    a,
     t,
-    o
+    e
   ]);
-  return /* @__PURE__ */ s(h.Provider, {
+  return /* @__PURE__ */ o(h.Provider, {
     value: u,
-    children: e
+    children: s
   });
 };
 export {
-  y as ToastContainer,
-  I as ToastProvider,
-  N as useToast
+  I as ToastContainer,
+  M as ToastProvider
 };

package/dist/components/ContextToast/useToast.js

@@ -0,0 +1,12 @@
+import './ContextToast.css';
+/* empty css             */
+import { createContext as o, useContext as e } from "react";
+var r = o(null), a = () => {
+  const t = e(r);
+  if (!t) throw new Error("useToast must be used within a ToastProvider");
+  return t;
+};
+export {
+  r as ToastContext,
+  a as useToast
+};

package/dist/components/ControlPanel/ControlPanel2.js

@@ -1,38 +1,37 @@
 import './ControlPanel.css';
-import { Button as G } from "../Button/Button2.js";
-import { Tooltip as W } from "../Tooltip/Tooltip2.js";
-import { Separator as H } from "../Separator/Separator2.js";
-import { AppHeader as L } from "../AppHeader/AppHeader2.js";
-import { ConfirmPopover as U } from "../ConfirmPopover/ConfirmPopover2.js";
-import { useControlPanelContext as $ } from "./ControlPanelContext.js";
-import { DEFAULT_DATE_RANGE_PRESETS as io } from "./ControlPanel.types.js";
-import { ControlPanelFilterItem as q } from "./ControlPanelFilter.js";
-import { ControlPanelNav as J } from "./ControlPanelNav.js";
-import { ControlPanelOptions as K } from "./ControlPanelOptions.js";
+import { Button as H } from "../Button/Button2.js";
+import { Tooltip as R } from "../Tooltip/Tooltip2.js";
+import { Separator as $ } from "../Separator/Separator2.js";
+import { AppHeader as q } from "../AppHeader/AppHeader2.js";
+import { ConfirmPopover as D } from "../ConfirmPopover/ConfirmPopover2.js";
+import { ControlPanelFilterItem as J } from "./ControlPanelFilter.js";
+import { ControlPanelNav as K } from "./ControlPanelNav.js";
+import { ControlPanelOptions as L } from "./ControlPanelOptions.js";
+import { useControlPanelContext as Q } from "./useControlPanel.js";
 /* empty css             */
-import { useState as T } from "react";
-import { Fragment as B, jsx as l, jsxs as r } from "react/jsx-runtime";
-var fo = ({ width: o = "280px", className: a = "", isOpen: d, onClose: h, isMobile: C, showOverlay: c = !0, contained: s = !1, flush: v = !1, shadow: m = "none", header: n, navigation: N = [], actions: b = [], filters: u = [], filtersCount: p, collapsibleFilters: _ = !1, onFilterChange: F, onClearFilters: x, options: f = [], onOptionChange: I, viewToggle: k, groupBy: P, visibleColumns: y }) => {
-  const g = $(), e = C ?? g?.isMobile ?? !1, j = d ?? (e ? g?.isOpen ?? !1 : !0), t = h ?? g?.close ?? (() => {
-  }), z = [
+import { useState as z } from "react";
+import { Fragment as A, jsx as l, jsxs as r } from "react/jsx-runtime";
+var mo = ({ width: o = "280px", className: a = "", isOpen: d, onClose: h, isMobile: C, showOverlay: c = !0, contained: s = !1, flush: v = !1, shadow: m = "none", header: n, navigation: b = [], actions: N = [], filters: u = [], filtersCount: p, collapsibleFilters: _ = !1, onFilterChange: F, onClearFilters: x, options: f = [], onOptionChange: M, viewToggle: k, groupBy: y, visibleColumns: P }) => {
+  const g = Q(), e = C ?? g?.isMobile ?? !1, j = d ?? (e ? g?.isOpen ?? !1 : !0), t = h ?? g?.close ?? (() => {
+  }), T = [
     "control-panel",
     j ? "control-panel--open" : "control-panel--closed",
     e ? "control-panel--mobile" : "",
     s ? "control-panel--contained" : "",
     v ? "control-panel--flush" : "",
     a
-  ].filter(Boolean).join(" "), M = ["control-panel__overlay", s ? "control-panel__overlay--contained" : ""].filter(Boolean).join(" "), R = {
+  ].filter(Boolean).join(" "), V = ["control-panel__overlay", s ? "control-panel__overlay--contained" : ""].filter(Boolean).join(" "), w = {
     "--control-panel-width": o,
     "--control-panel-shadow": m
-  }, E = f.length === 0 ? [] : "type" in f[0] ? [{ options: f }] : f, A = !!(k || P || y || E.length > 0), O = u.length > 0 || p !== void 0 && p > 0, V = typeof _ == "number" ? _ : _ ? 1 : 1 / 0, S = u.length >= V, w = ["control-panel__filters", S ? "control-panel__filters--collapsible" : ""].filter(Boolean).join(" ");
-  return /* @__PURE__ */ r(B, { children: [c && e && j && /* @__PURE__ */ l("div", {
-    className: M,
+  }, O = f.length === 0 ? [] : "type" in f[0] ? [{ options: f }] : f, B = !!(k || y || P || O.length > 0), I = u.length > 0 || p !== void 0 && p > 0, E = typeof _ == "number" ? _ : _ ? 1 : 1 / 0, S = u.length >= E, W = ["control-panel__filters", S ? "control-panel__filters--collapsible" : ""].filter(Boolean).join(" ");
+  return /* @__PURE__ */ r(A, { children: [c && e && j && /* @__PURE__ */ l("div", {
+    className: V,
     onClick: t
   }), /* @__PURE__ */ r("aside", {
-    className: z,
-    style: R,
+    className: T,
+    style: w,
     children: [
-      n && /* @__PURE__ */ l(L, {
+      n && /* @__PURE__ */ l(q, {
         icon: n.icon,
         emoji: n.emoji,
         svg: n.svg,
@@ -42,19 +41,19 @@ var fo = ({ width: o = "280px", className: a = "", isOpen: d, onClose: h, isMobi
           n.onClick?.(), e && t();
         } : void 0
       }),
-      b.length > 0 && /* @__PURE__ */ l("div", {
+      N.length > 0 && /* @__PURE__ */ l("div", {
         className: "control-panel__actions",
-        children: b.map((i) => /* @__PURE__ */ l(Q, {
+        children: N.map((i) => /* @__PURE__ */ l(U, {
           action: i,
           onActionComplete: e ? t : void 0
         }, i.id))
       }),
-      N.length > 0 && /* @__PURE__ */ l(J, {
-        navigation: N,
+      b.length > 0 && /* @__PURE__ */ l(K, {
+        navigation: b,
         onNavigate: e ? t : void 0
       }),
-      O && /* @__PURE__ */ r("div", {
-        className: w,
+      I && /* @__PURE__ */ r("div", {
+        className: W,
         children: [/* @__PURE__ */ r("div", {
           className: "control-panel__filters-header",
           children: [/* @__PURE__ */ r("span", {
@@ -69,25 +68,25 @@ var fo = ({ width: o = "280px", className: a = "", isOpen: d, onClose: h, isMobi
             onClick: () => x({ source: "control-panel" }),
             children: "Clear filters"
           })]
-        }), u.map((i) => /* @__PURE__ */ l(q, {
+        }), u.map((i) => /* @__PURE__ */ l(J, {
           filter: i,
           collapsible: i.collapsible ?? S,
-          onChange: (D) => F?.(D)
+          onChange: (G) => F?.(G)
         }, i.id))]
       }),
-      O && A && /* @__PURE__ */ l(H, { spacing: 0 }),
-      A && /* @__PURE__ */ l(K, {
-        normalizedOptionGroups: E,
-        onOptionChange: I,
+      I && B && /* @__PURE__ */ l($, { spacing: 0 }),
+      B && /* @__PURE__ */ l(L, {
+        normalizedOptionGroups: O,
+        onOptionChange: M,
         viewToggle: k,
         onViewToggleComplete: e ? t : void 0,
-        groupBy: P,
-        visibleColumns: y
+        groupBy: y,
+        visibleColumns: P
       })
     ]
   })] });
-}, Q = ({ action: o, onActionComplete: a }) => {
-  const [d, h] = T(null), [C, c] = T(!1), s = (n) => {
+}, U = ({ action: o, onActionComplete: a }) => {
+  const [d, h] = z(null), [C, c] = z(!1), s = (n) => {
     if (o.confirm) {
       h(n.currentTarget), c(!0);
       return;
@@ -95,7 +94,7 @@ var fo = ({ width: o = "280px", className: a = "", isOpen: d, onClose: h, isMobi
     o.onClick?.(n), a?.();
   }, v = () => {
     o.onClick?.({}), a?.();
-  }, m = /* @__PURE__ */ l(G, {
+  }, m = /* @__PURE__ */ l(H, {
     className: "control-panel__action",
     disabled: o.disabled,
     fullWidth: o.fullWidth ?? !0,
@@ -106,11 +105,11 @@ var fo = ({ width: o = "280px", className: a = "", isOpen: d, onClose: h, isMobi
     variant: o.variant ?? "default",
     children: o.label
   });
-  return /* @__PURE__ */ r(B, { children: [o.tooltip ? /* @__PURE__ */ l(W, {
+  return /* @__PURE__ */ r(A, { children: [o.tooltip ? /* @__PURE__ */ l(R, {
     title: o.tooltip,
     position: "right",
     children: m
-  }) : m, o.confirm && /* @__PURE__ */ l(U, {
+  }) : m, o.confirm && /* @__PURE__ */ l(D, {
     visible: C,
     onClose: () => c(!1),
     anchorEl: d,
@@ -132,6 +131,5 @@ var fo = ({ width: o = "280px", className: a = "", isOpen: d, onClose: h, isMobi
   })] });
 };
 export {
-  fo as ControlPanel,
-  io as DEFAULT_DATE_RANGE_PRESETS
+  mo as ControlPanel
 };

package/dist/components/ControlPanel/ControlPanelContext.js

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

package/dist/components/ControlPanel/useControlPanel.js

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