@hybridcore/ui 1.5.89 → 1.6.0

package/dist/components/context-menu/index.js

@@ -1,143 +1,43 @@
-import { jsx as y, jsxs as V, Fragment as G } from "react/jsx-runtime";
-import * as d from "react";
-import { P as t } from "../../index-DMSHuq6l.js";
-import { a as D, b as W, B as z, u as H } from "../../ButtonBase-DsX-jMQJ.js";
-import { o as k } from "../../ownerDocument-CUrv0DIK.js";
-import { e as q, a as X } from "../../exactProp-cjT0t_Pt.js";
-import { L, a as Y } from "../../List-DOD5kSk3.js";
-import { l as T, g as J, L as K } from "../../ListItem-r8PbsvCz.js";
-import { a as b, _ as P } from "../../objectWithoutPropertiesLoose-DJteAcBH.js";
-import { u as $, c as R, a as w } from "../../useThemeProps-DRP1dikX.js";
-import { s as B, r as Q } from "../../styled-B8ugzvji.js";
-import { a as C } from "../../createTheme-CNnKNxwL.js";
-import { g as Z, l as S, b as ee } from "../../listItemTextClasses-CNjn41Of.js";
-import { T as E } from "../../Typography-D1t7XuLN.js";
-function M(e) {
-  return e.substring(2).toLowerCase();
-}
-function te(e, o) {
-  return o.documentElement.clientWidth < e.clientX || o.documentElement.clientHeight < e.clientY;
-}
-function O(e) {
-  const {
-    children: o,
-    disableReactTree: s = !1,
-    mouseEvent: n = "onClick",
-    onClickAway: p,
-    touchEvent: c = "onTouchEnd"
-  } = e, l = d.useRef(!1), a = d.useRef(null), u = d.useRef(!1), m = d.useRef(!1);
-  d.useEffect(() => (setTimeout(() => {
-    u.current = !0;
-  }, 0), () => {
-    u.current = !1;
-  }), []);
-  const I = D(
-    // @ts-expect-error TODO upstream fix
-    o.ref,
-    a
-  ), g = W((r) => {
-    const i = m.current;
-    m.current = !1;
-    const f = k(a.current);
-    if (!u.current || !a.current || "clientX" in r && te(r, f))
-      return;
-    if (l.current) {
-      l.current = !1;
-      return;
-    }
-    let v;
-    r.composedPath ? v = r.composedPath().indexOf(a.current) > -1 : v = !f.documentElement.contains(
-      // @ts-expect-error returns `false` as intended when not dispatched from a Node
-      r.target
-    ) || a.current.contains(
-      // @ts-expect-error returns `false` as intended when not dispatched from a Node
-      r.target
-    ), !v && (s || !i) && p(r);
-  }), h = (r) => (i) => {
-    m.current = !0;
-    const f = o.props[r];
-    f && f(i);
-  }, x = {
-    ref: I
-  };
-  return c !== !1 && (x[c] = h(c)), d.useEffect(() => {
-    if (c !== !1) {
-      const r = M(c), i = k(a.current), f = () => {
-        l.current = !0;
-      };
-      return i.addEventListener(r, g), i.addEventListener("touchmove", f), () => {
-        i.removeEventListener(r, g), i.removeEventListener("touchmove", f);
-      };
-    }
-  }, [g, c]), n !== !1 && (x[n] = h(n)), d.useEffect(() => {
-    if (n !== !1) {
-      const r = M(n), i = k(a.current);
-      return i.addEventListener(r, g), () => {
-        i.removeEventListener(r, g);
-      };
-    }
-  }, [g, n]), /* @__PURE__ */ y(d.Fragment, {
-    children: /* @__PURE__ */ d.cloneElement(o, x)
-  });
-}
-process.env.NODE_ENV !== "production" && (O.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // |     To update them edit TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The wrapped element.
-   */
-  children: q.isRequired,
-  /**
-   * If `true`, the React tree is ignored and only the DOM tree is considered.
-   * This prop changes how portaled elements are handled.
-   * @default false
-   */
-  disableReactTree: t.bool,
-  /**
-   * The mouse event to listen to. You can disable the listener by providing `false`.
-   * @default 'onClick'
-   */
-  mouseEvent: t.oneOf(["onClick", "onMouseDown", "onMouseUp", "onPointerDown", "onPointerUp", !1]),
-  /**
-   * Callback fired when a "click away" event is detected.
-   */
-  onClickAway: t.func.isRequired,
-  /**
-   * The touch event to listen to. You can disable the listener by providing `false`.
-   * @default 'onTouchEnd'
-   */
-  touchEvent: t.oneOf(["onTouchEnd", "onTouchStart", !1])
-});
-process.env.NODE_ENV !== "production" && (O.propTypes = X(O.propTypes));
-const oe = ["alignItems", "autoFocus", "component", "children", "dense", "disableGutters", "divider", "focusVisibleClassName", "selected", "className"], se = (e, o) => {
+import { jsx as p, jsxs as S, Fragment as M } from "react/jsx-runtime";
+import { ClickAwayListener as U } from "@mui/material";
+import { L as T, a as G } from "../../List-tqElle9C.js";
+import { l as v, g as D, L as W } from "../../ListItem-CfjsIg4B.js";
+import { a as d, _ as k } from "../../objectWithoutPropertiesLoose-DJteAcBH.js";
+import * as f from "react";
+import { P as t } from "../../index-C__OZmYy.js";
+import { u as R, c as h, a as P } from "../../useThemeProps-BzzHcQyd.js";
+import { alpha as I } from "@mui/system";
+import { s as B, r as A } from "../../styled-eZwjUruw.js";
+import { B as z, u as q, a as H } from "../../ButtonBase-2bPw77UP.js";
+import { g as J, l as w, b as K } from "../../listItemTextClasses-C3lndiXO.js";
+import { T as C } from "../../Typography-CxbneZy_.js";
+const Q = ["alignItems", "autoFocus", "component", "children", "dense", "disableGutters", "divider", "focusVisibleClassName", "selected", "className"], X = (e, o) => {
   const {
     ownerState: s
   } = e;
   return [o.root, s.dense && o.dense, s.alignItems === "flex-start" && o.alignItemsFlexStart, s.divider && o.divider, !s.disableGutters && o.gutters];
-}, re = (e) => {
+}, Y = (e) => {
   const {
     alignItems: o,
     classes: s,
-    dense: n,
-    disabled: p,
-    disableGutters: c,
-    divider: l,
-    selected: a
-  } = e, m = w({
-    root: ["root", n && "dense", !c && "gutters", l && "divider", p && "disabled", o === "flex-start" && "alignItemsFlexStart", a && "selected"]
-  }, J, s);
-  return b({}, s, m);
-}, ne = B(z, {
-  shouldForwardProp: (e) => Q(e) || e === "classes",
+    dense: a,
+    disabled: n,
+    disableGutters: i,
+    divider: c,
+    selected: r
+  } = e, u = P({
+    root: ["root", a && "dense", !i && "gutters", c && "divider", n && "disabled", o === "flex-start" && "alignItemsFlexStart", r && "selected"]
+  }, D, s);
+  return d({}, s, u);
+}, Z = B(z, {
+  shouldForwardProp: (e) => A(e) || e === "classes",
   name: "MuiListItemButton",
   slot: "Root",
-  overridesResolver: se
+  overridesResolver: X
 })(({
   theme: e,
   ownerState: o
-}) => b({
+}) => d({
   display: "flex",
   flexGrow: 1,
   justifyContent: "flex-start",
@@ -160,23 +60,23 @@ const oe = ["alignItems", "autoFocus", "component", "children", "dense", "disabl
       backgroundColor: "transparent"
     }
   },
-  [`&.${T.selected}`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : C(e.palette.primary.main, e.palette.action.selectedOpacity),
-    [`&.${T.focusVisible}`]: {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : C(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
+  [`&.${v.selected}`]: {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : I(e.palette.primary.main, e.palette.action.selectedOpacity),
+    [`&.${v.focusVisible}`]: {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : I(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
     }
   },
-  [`&.${T.selected}:hover`]: {
-    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : C(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
+  [`&.${v.selected}:hover`]: {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : I(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
-      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : C(e.palette.primary.main, e.palette.action.selectedOpacity)
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : I(e.palette.primary.main, e.palette.action.selectedOpacity)
     }
   },
-  [`&.${T.focusVisible}`]: {
+  [`&.${v.focusVisible}`]: {
     backgroundColor: (e.vars || e).palette.action.focus
   },
-  [`&.${T.disabled}`]: {
+  [`&.${v.disabled}`]: {
     opacity: (e.vars || e).palette.action.disabledOpacity
   }
 }, o.divider && {
@@ -190,48 +90,48 @@ const oe = ["alignItems", "autoFocus", "component", "children", "dense", "disabl
 }, o.dense && {
   paddingTop: 4,
   paddingBottom: 4
-})), F = /* @__PURE__ */ d.forwardRef(function(o, s) {
-  const n = $({
+})), F = /* @__PURE__ */ f.forwardRef(function(o, s) {
+  const a = R({
     props: o,
     name: "MuiListItemButton"
   }), {
-    alignItems: p = "center",
-    autoFocus: c = !1,
-    component: l = "div",
-    children: a,
-    dense: u = !1,
-    disableGutters: m = !1,
-    divider: I = !1,
-    focusVisibleClassName: g,
-    selected: h = !1,
+    alignItems: n = "center",
+    autoFocus: i = !1,
+    component: c = "div",
+    children: r,
+    dense: m = !1,
+    disableGutters: u = !1,
+    divider: L = !1,
+    focusVisibleClassName: O,
+    selected: N = !1,
     className: x
-  } = n, r = P(n, oe), i = d.useContext(L), f = d.useMemo(() => ({
-    dense: u || i.dense || !1,
-    alignItems: p,
-    disableGutters: m
-  }), [p, i.dense, u, m]), v = d.useRef(null);
-  H(() => {
-    c && (v.current ? v.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a ListItemButton whose component has not been rendered."));
-  }, [c]);
-  const j = b({}, n, {
-    alignItems: p,
-    dense: f.dense,
-    disableGutters: m,
-    divider: I,
-    selected: h
-  }), N = re(j), A = D(v, s);
-  return /* @__PURE__ */ y(L.Provider, {
-    value: f,
-    children: /* @__PURE__ */ y(ne, b({
-      ref: A,
-      href: r.href || r.to,
-      component: (r.href || r.to) && l === "div" ? "a" : l,
-      focusVisibleClassName: R(N.focusVisible, g),
+  } = a, l = k(a, Q), y = f.useContext(T), g = f.useMemo(() => ({
+    dense: m || y.dense || !1,
+    alignItems: n,
+    disableGutters: u
+  }), [n, y.dense, m, u]), b = f.useRef(null);
+  q(() => {
+    i && (b.current ? b.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a ListItemButton whose component has not been rendered."));
+  }, [i]);
+  const j = d({}, a, {
+    alignItems: n,
+    dense: g.dense,
+    disableGutters: u,
+    divider: L,
+    selected: N
+  }), $ = Y(j), _ = H(b, s);
+  return /* @__PURE__ */ p(T.Provider, {
+    value: g,
+    children: /* @__PURE__ */ p(Z, d({
+      ref: _,
+      href: l.href || l.to,
+      component: (l.href || l.to) && c === "div" ? "a" : c,
+      focusVisibleClassName: h($.focusVisible, O),
       ownerState: j,
-      className: R(N.root, x)
-    }, r, {
-      classes: N,
-      children: a
+      className: h($.root, x)
+    }, l, {
+      classes: $,
+      children: r
     }))
   });
 });
@@ -313,15 +213,15 @@ process.env.NODE_ENV !== "production" && (F.propTypes = {
    */
   sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
 });
-const ae = ["className"], ie = (e) => {
+const ee = ["className"], te = (e) => {
   const {
     alignItems: o,
     classes: s
   } = e;
-  return w({
+  return P({
     root: ["root", o === "flex-start" && "alignItemsFlexStart"]
-  }, Z, s);
-}, ce = B("div", {
+  }, J, s);
+}, oe = B("div", {
   name: "MuiListItemIcon",
   slot: "Root",
   overridesResolver: (e, o) => {
@@ -333,29 +233,29 @@ const ae = ["className"], ie = (e) => {
 })(({
   theme: e,
   ownerState: o
-}) => b({
+}) => d({
   minWidth: 56,
   color: (e.vars || e).palette.action.active,
   flexShrink: 0,
   display: "inline-flex"
 }, o.alignItems === "flex-start" && {
   marginTop: 8
-})), _ = /* @__PURE__ */ d.forwardRef(function(o, s) {
-  const n = $({
+})), V = /* @__PURE__ */ f.forwardRef(function(o, s) {
+  const a = R({
     props: o,
     name: "MuiListItemIcon"
   }), {
-    className: p
-  } = n, c = P(n, ae), l = d.useContext(L), a = b({}, n, {
-    alignItems: l.alignItems
-  }), u = ie(a);
-  return /* @__PURE__ */ y(ce, b({
-    className: R(u.root, p),
-    ownerState: a,
+    className: n
+  } = a, i = k(a, ee), c = f.useContext(T), r = d({}, a, {
+    alignItems: c.alignItems
+  }), m = te(r);
+  return /* @__PURE__ */ p(oe, d({
+    className: h(m.root, n),
+    ownerState: r,
     ref: s
-  }, c));
+  }, i));
 });
-process.env.NODE_ENV !== "production" && (_.propTypes = {
+process.env.NODE_ENV !== "production" && (V.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -378,20 +278,20 @@ process.env.NODE_ENV !== "production" && (_.propTypes = {
    */
   sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
 });
-const le = ["children", "className", "disableTypography", "inset", "primary", "primaryTypographyProps", "secondary", "secondaryTypographyProps"], de = (e) => {
+const se = ["children", "className", "disableTypography", "inset", "primary", "primaryTypographyProps", "secondary", "secondaryTypographyProps"], ae = (e) => {
   const {
     classes: o,
     inset: s,
-    primary: n,
-    secondary: p,
-    dense: c
+    primary: a,
+    secondary: n,
+    dense: i
   } = e;
-  return w({
-    root: ["root", s && "inset", c && "dense", n && p && "multiline"],
+  return P({
+    root: ["root", s && "inset", i && "dense", a && n && "multiline"],
     primary: ["primary"],
     secondary: ["secondary"]
-  }, ee, o);
-}, pe = B("div", {
+  }, K, o);
+}, re = B("div", {
   name: "MuiListItemText",
   slot: "Root",
   overridesResolver: (e, o) => {
@@ -399,14 +299,14 @@ const le = ["children", "className", "disableTypography", "inset", "primary", "p
       ownerState: s
     } = e;
     return [{
-      [`& .${S.primary}`]: o.primary
+      [`& .${w.primary}`]: o.primary
     }, {
-      [`& .${S.secondary}`]: o.secondary
+      [`& .${w.secondary}`]: o.secondary
     }, o.root, s.inset && o.inset, s.primary && s.secondary && o.multiline, s.dense && o.dense];
   }
 })(({
   ownerState: e
-}) => b({
+}) => d({
   flex: "1 1 auto",
   minWidth: 0,
   marginTop: 4,
@@ -416,53 +316,53 @@ const le = ["children", "className", "disableTypography", "inset", "primary", "p
   marginBottom: 6
 }, e.inset && {
   paddingLeft: 56
-})), U = /* @__PURE__ */ d.forwardRef(function(o, s) {
-  const n = $({
+})), E = /* @__PURE__ */ f.forwardRef(function(o, s) {
+  const a = R({
     props: o,
     name: "MuiListItemText"
   }), {
-    children: p,
-    className: c,
-    disableTypography: l = !1,
-    inset: a = !1,
-    primary: u,
-    primaryTypographyProps: m,
-    secondary: I,
-    secondaryTypographyProps: g
-  } = n, h = P(n, le), {
+    children: n,
+    className: i,
+    disableTypography: c = !1,
+    inset: r = !1,
+    primary: m,
+    primaryTypographyProps: u,
+    secondary: L,
+    secondaryTypographyProps: O
+  } = a, N = k(a, se), {
     dense: x
-  } = d.useContext(L);
-  let r = u ?? p, i = I;
-  const f = b({}, n, {
-    disableTypography: l,
-    inset: a,
-    primary: !!r,
-    secondary: !!i,
+  } = f.useContext(T);
+  let l = m ?? n, y = L;
+  const g = d({}, a, {
+    disableTypography: c,
+    inset: r,
+    primary: !!l,
+    secondary: !!y,
     dense: x
-  }), v = de(f);
-  return r != null && r.type !== E && !l && (r = /* @__PURE__ */ y(E, b({
+  }), b = ae(g);
+  return l != null && l.type !== C && !c && (l = /* @__PURE__ */ p(C, d({
     variant: x ? "body2" : "body1",
-    className: v.primary,
-    component: m != null && m.variant ? void 0 : "span",
+    className: b.primary,
+    component: u != null && u.variant ? void 0 : "span",
     display: "block"
-  }, m, {
-    children: r
-  }))), i != null && i.type !== E && !l && (i = /* @__PURE__ */ y(E, b({
+  }, u, {
+    children: l
+  }))), y != null && y.type !== C && !c && (y = /* @__PURE__ */ p(C, d({
     variant: "body2",
-    className: v.secondary,
+    className: b.secondary,
     color: "text.secondary",
     display: "block"
-  }, g, {
-    children: i
-  }))), /* @__PURE__ */ V(pe, b({
-    className: R(v.root, c),
-    ownerState: f,
+  }, O, {
+    children: y
+  }))), /* @__PURE__ */ S(re, d({
+    className: h(b.root, i),
+    ownerState: g,
     ref: s
-  }, h, {
-    children: [r, i]
+  }, N, {
+    children: [l, y]
   }));
 });
-process.env.NODE_ENV !== "production" && (U.propTypes = {
+process.env.NODE_ENV !== "production" && (E.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -516,47 +416,47 @@ process.env.NODE_ENV !== "production" && (U.propTypes = {
    */
   sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object])
 });
-const Le = ({
+const ve = ({
   open: e,
   buttons: o,
   position: s,
-  width: n = 160,
-  sx: p,
-  onClose: c
+  width: a = 160,
+  sx: n,
+  onClose: i
 }) => {
-  const l = () => {
-    c && c();
+  const c = () => {
+    i && i();
   };
-  return e ? /* @__PURE__ */ y(O, { onClickAway: l, children: /* @__PURE__ */ y(
-    Y,
+  return e ? /* @__PURE__ */ p(U, { onClickAway: c, children: /* @__PURE__ */ p(
+    G,
     {
       sx: {
         position: "absolute",
         zIndex: 9999999,
-        width: n,
+        width: a,
         maxWidth: 360,
         bgcolor: "background.paper",
         left: s == null ? void 0 : s.left,
         top: s == null ? void 0 : s.top,
         borderRadius: 0.5,
-        ...p
+        ...n
       },
       disablePadding: !0,
-      children: o.map((a, u) => /* @__PURE__ */ y(K, { secondaryAction: a.endIcon, disablePadding: !0, children: /* @__PURE__ */ V(F, { role: void 0, onClick: a.onClick, dense: !0, children: [
-        a.startIcon !== void 0 && /* @__PURE__ */ y(_, { sx: { minWidth: "auto", mr: 1 }, children: a.startIcon }),
-        /* @__PURE__ */ y(
-          U,
+      children: o.map((r, m) => /* @__PURE__ */ p(W, { secondaryAction: r.endIcon, disablePadding: !0, children: /* @__PURE__ */ S(F, { role: void 0, onClick: r.onClick, dense: !0, children: [
+        r.startIcon !== void 0 && /* @__PURE__ */ p(V, { sx: { minWidth: "auto", mr: 1 }, children: r.startIcon }),
+        /* @__PURE__ */ p(
+          E,
           {
-            primary: a.label,
+            primary: r.label,
             primaryTypographyProps: {
               fontSize: "12px"
             }
           }
         )
-      ] }) }, u))
+      ] }) }, m))
     }
-  ) }) : /* @__PURE__ */ y(G, {});
+  ) }) : /* @__PURE__ */ p(M, {});
 };
 export {
-  Le as ContextMenu
+  ve as ContextMenu
 };

package/dist/components/data-map/components/controls/index.js

@@ -0,0 +1,12 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { Container as t, Button as r } from "./styled.js";
+import { I as s, a as l } from "../../../../IconPlus-yPkff_Vj.js";
+function m({ mapRef: n }) {
+  return n ? /* @__PURE__ */ i(t, { children: [
+    /* @__PURE__ */ o(r, { onClick: n.zoomIn, children: /* @__PURE__ */ o(s, { size: 18 }) }),
+    /* @__PURE__ */ o(r, { onClick: n.zoomOut, children: /* @__PURE__ */ o(l, { size: 18 }) })
+  ] }) : null;
+}
+export {
+  m as Controls
+};

package/dist/components/data-map/components/controls/styled.js

@@ -0,0 +1,34 @@
+import { styled as a, Box as n, IconButton as t } from "@mui/material";
+const r = a(n, {
+  name: "HCDataMapControls",
+  slot: "Root"
+})(({ theme: o }) => ({
+  position: "absolute",
+  left: o.spacing(1),
+  bottom: o.spacing(1),
+  display: "flex",
+  flexDirection: "column",
+  gap: o.spacing(0.5)
+})), p = a(t, {
+  name: "HCDataMapControls",
+  slot: "Button"
+})(({ theme: o }) => ({
+  borderRadius: o.shape.borderRadius,
+  backgroundColor: o.palette.background.paper,
+  border: "1px solid",
+  borderColor: o.palette.divider,
+  width: o.spacing(3),
+  height: o.spacing(3),
+  padding: o.spacing(0.5),
+  ".MuiSvgIcon-root": {
+    width: o.spacing(2),
+    height: o.spacing(2)
+  },
+  "&:hover": {
+    backgroundColor: o.palette.background.default
+  }
+}));
+export {
+  p as Button,
+  r as Container
+};

package/dist/components/data-map/index.js

@@ -0,0 +1,51 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { Typography as f, Paper as d } from "@mui/material";
+import { useEffect as u } from "react";
+import { u as h } from "../../index.esm-BLLrbTzY.js";
+import { M as x } from "../../index-kCJ_Zvl8.js";
+import { Controls as M } from "./components/controls/index.js";
+import { useDataMapLogic as R } from "./logic.js";
+import { DataMapRoot as z, DataMapHeader as D, DataMapContent as y } from "./styled.js";
+function H(i) {
+  const { refs: e, actions: a, state: o, ownerState: r, sx: m, other: l } = R(i), { width: n, height: p, ref: c } = h();
+  return u(() => (n && p && a.onMapResize(), () => {
+  }), [n, p]), /* @__PURE__ */ s(z, { ownerState: r, sx: m, ref: c, ...l, children: [
+    /* @__PURE__ */ t(D, { ownerState: r, children: /* @__PURE__ */ t(f, { variant: "h3", children: i.title }) }),
+    /* @__PURE__ */ s(y, { ownerState: r, children: [
+      /* @__PURE__ */ t(
+        x,
+        {
+          id: e.mapId.current,
+          ref: e.mapRef,
+          center: { latitude: 0, longitude: 0 },
+          zoom: 3,
+          options: {
+            cssPosition: "absolute",
+            controls: { zoom: !1 }
+          },
+          onInit: a.onInit
+        }
+      ),
+      /* @__PURE__ */ t(M, { mapRef: e.mapRef.current }),
+      o.tooltip && /* @__PURE__ */ t(
+        d,
+        {
+          elevation: 3,
+          sx: {
+            position: "absolute",
+            left: o.tooltip.x + 12,
+            top: o.tooltip.y + 12,
+            px: 1.5,
+            py: 0.75,
+            pointerEvents: "none",
+            zIndex: 1e3
+          },
+          children: /* @__PURE__ */ t(f, { variant: "body2", children: o.tooltip.text })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  H as DataMap
+};