@hybridcore/ui 1.0.2 → 1.1.0

package/dist/components/geometry-picker/parser/index.js

@@ -0,0 +1,179 @@
+import { jsx as e, Fragment as y, jsxs as o } from "react/jsx-runtime";
+import { AccordionSummary as c, Box as a, Typography as s, Tooltip as d, IconButton as h, AccordionDetails as p } from "@mui/material";
+import m from "./coordinate-input/index.js";
+import w from "./logic.js";
+import { GridExpandMoreIcon as f } from "@mui/x-data-grid";
+import { Accordion as u } from "./styled.js";
+import { Close as g } from "@mui/icons-material";
+import { ConditionalWrapper as P } from "../../conditional-wrapper/index.js";
+function M(C) {
+  const { state: I, action: t } = w(C);
+  return /* @__PURE__ */ e(y, { children: I.parsed.map((r, n) => {
+    if (r.type === "Point")
+      return /* @__PURE__ */ e(
+        P,
+        {
+          condition: !C.disableGrouping,
+          wrapper: (i) => /* @__PURE__ */ o(u, { defaultExpanded: !0, children: [
+            /* @__PURE__ */ e(c, { expandIcon: /* @__PURE__ */ e(f, {}), children: /* @__PURE__ */ o(
+              a,
+              {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "space-between",
+                width: "100%",
+                children: [
+                  /* @__PURE__ */ o(s, { sx: { width: 120 }, children: [
+                    "Coordinate ",
+                    n + 1
+                  ] }),
+                  /* @__PURE__ */ e(d, { title: "Delete", children: /* @__PURE__ */ e(
+                    h,
+                    {
+                      size: "small",
+                      color: "error",
+                      sx: { ml: 1 },
+                      onClick: t.onRemoveItem(n),
+                      children: /* @__PURE__ */ e(g, { fontSize: "small" })
+                    }
+                  ) })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ e(p, { children: i })
+          ] }, n),
+          children: /* @__PURE__ */ e(
+            m,
+            {
+              coordinate: r.coordinates,
+              onChange: t.onCoordinateInputChange(n)
+            }
+          )
+        },
+        n
+      );
+    if (r.type === "Polygon")
+      return /* @__PURE__ */ o(u, { children: [
+        /* @__PURE__ */ e(c, { expandIcon: /* @__PURE__ */ e(f, {}), children: /* @__PURE__ */ o(
+          a,
+          {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            width: "100%",
+            children: [
+              /* @__PURE__ */ o(s, { sx: { width: 120 }, children: [
+                "Polygon ",
+                n + 1
+              ] }),
+              /* @__PURE__ */ e(d, { title: "Delete", children: /* @__PURE__ */ e(
+                h,
+                {
+                  size: "small",
+                  color: "error",
+                  sx: { ml: 1 },
+                  onClick: t.onRemoveItem(n),
+                  children: /* @__PURE__ */ e(g, { fontSize: "small" })
+                }
+              ) })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e(p, { children: r.coordinates[0].map((i, l) => /* @__PURE__ */ e(
+          m,
+          {
+            coordinate: i,
+            onChange: t.onPolygonInputChange(
+              r.coordinates,
+              n,
+              l
+            )
+          },
+          l
+        )) })
+      ] }, n);
+    if (r.type === "MultiPoint")
+      return /* @__PURE__ */ o(u, { children: [
+        /* @__PURE__ */ e(c, { expandIcon: /* @__PURE__ */ e(f, {}), children: /* @__PURE__ */ o(
+          a,
+          {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            width: "100%",
+            children: [
+              /* @__PURE__ */ o(s, { sx: { width: 120 }, children: [
+                "Multi-Point ",
+                n + 1
+              ] }),
+              /* @__PURE__ */ e(d, { title: "Delete", children: /* @__PURE__ */ e(
+                h,
+                {
+                  size: "small",
+                  color: "error",
+                  sx: { ml: 1 },
+                  onClick: t.onRemoveItem(n),
+                  children: /* @__PURE__ */ e(g, { fontSize: "small" })
+                }
+              ) })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e(p, { children: r.coordinates.map((i, l) => /* @__PURE__ */ e(
+          m,
+          {
+            coordinate: i,
+            onChange: t.onMultiPointInputChange(
+              r.coordinates,
+              n,
+              l
+            )
+          },
+          l
+        )) })
+      ] }, n);
+    if (r.type === "LineString")
+      return /* @__PURE__ */ o(u, { children: [
+        /* @__PURE__ */ e(c, { expandIcon: /* @__PURE__ */ e(f, {}), children: /* @__PURE__ */ o(
+          a,
+          {
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "space-between",
+            width: "100%",
+            children: [
+              /* @__PURE__ */ o(s, { sx: { width: 120 }, children: [
+                "Line ",
+                n + 1
+              ] }),
+              /* @__PURE__ */ e(d, { title: "Delete", children: /* @__PURE__ */ e(
+                h,
+                {
+                  size: "small",
+                  color: "error",
+                  sx: { ml: 1 },
+                  onClick: t.onRemoveItem(n),
+                  children: /* @__PURE__ */ e(g, { fontSize: "small" })
+                }
+              ) })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e(p, { children: r.coordinates.map((i, l) => /* @__PURE__ */ e(
+          m,
+          {
+            coordinate: i,
+            onChange: t.onLineStringInputChange(
+              r.coordinates,
+              n,
+              l
+            )
+          },
+          l
+        )) })
+      ] }, n);
+  }) });
+}
+export {
+  M as default
+};

package/dist/components/geometry-picker/parser/logic.js

@@ -0,0 +1,84 @@
+import u from "react";
+import { parse as a, convert as c } from "../../map/helpers/wkt.js";
+import m from "lodash";
+function M({ value: p, onChange: i }) {
+  const s = u.useMemo(() => {
+    let e = a(p);
+    return m.isArray(e) || (e = [e]), e;
+  }, [p]);
+  return {
+    state: {
+      parsed: s
+    },
+    action: {
+      onCoordinateInputChange: (e) => (l) => {
+        if (i) {
+          let o, t = [...s];
+          t[e] = {
+            type: "Point",
+            coordinates: [l.longitude, l.latitude]
+          }, t.length > 1 ? o = c({
+            type: "GeometryCollection",
+            geometries: t
+          }) : o = c(t[0]), i(o);
+        }
+      },
+      onPolygonInputChange: (e, l, o) => (t) => {
+        if (i) {
+          let n = [...s], r = [...e[0]];
+          r[o] = [t.longitude, t.latitude], n[l] = {
+            type: "Polygon",
+            coordinates: [r]
+          };
+          const g = c({
+            type: "GeometryCollection",
+            geometries: n
+          });
+          i(g);
+        }
+      },
+      onMultiPointInputChange: (e, l, o) => (t) => {
+        if (i) {
+          let n = [...s], r = [...e];
+          r[o] = [t.longitude, t.latitude], n[l] = {
+            type: "MultiPoint",
+            coordinates: r
+          };
+          const g = c({
+            type: "GeometryCollection",
+            geometries: n
+          });
+          i(g);
+        }
+      },
+      onLineStringInputChange: (e, l, o) => (t) => {
+        if (i) {
+          let n = [...s], r = [...e];
+          r[o] = [t.longitude, t.latitude], n[l] = {
+            type: "LineString",
+            coordinates: r
+          };
+          const g = c({
+            type: "GeometryCollection",
+            geometries: n
+          });
+          i(g);
+        }
+      },
+      onRemoveItem: (e) => (l) => {
+        if (l.stopPropagation(), i) {
+          let o = [...s];
+          o.splice(e, 1);
+          const n = c({
+            type: "GeometryCollection",
+            geometries: o
+          });
+          i(n);
+        }
+      }
+    }
+  };
+}
+export {
+  M as default
+};

package/dist/components/geometry-picker/parser/styled.js

@@ -0,0 +1,25 @@
+import { styled as i, Accordion as r } from "@mui/material";
+const n = i(r)(({ theme: o }) => ({
+  borderRadius: 10,
+  margin: "16px 0",
+  boxShadow: o.shadows[4],
+  "&:before": {
+    display: "none"
+  },
+  ".MuiAccordionSummary-root, .MuiAccordionSummary-root.Mui-expanded": {
+    minHeight: 42
+  },
+  "& .MuiAccordionSummary-content, & .MuiAccordionSummary-content.Mui-expanded": { margin: 0 },
+  "& .MuiAccordionDetails-root": {
+    paddingTop: 0
+  },
+  "& .MuiGrid-root:first-of-type": {
+    marginTop: 0,
+    "& .MuiGrid-item": {
+      paddingTop: 8
+    }
+  }
+}));
+export {
+  n as Accordion
+};

package/dist/components/geometry-picker/styled.js

@@ -0,0 +1,48 @@
+import { styled as t, Box as n, Button as a } from "@mui/material";
+const e = t(n)(({ theme: o }) => ({
+  position: "relative",
+  paddingTop: o.spacing(1),
+  width: "100%"
+})), r = t(n)({
+  position: "absolute",
+  top: 0,
+  right: 0,
+  zIndex: 9
+}), d = t(a)(({ theme: o, variant: i }) => ({
+  fontSize: 10,
+  padding: "3px 8px",
+  minWidth: "auto",
+  boxShadow: o.shadows[1],
+  textTransform: "none",
+  borderRadius: 13,
+  marginLeft: o.spacing(0.5),
+  "& .MuiButton-startIcon": {
+    marginRight: 0.25,
+    "&  > :nth-of-type(1)": {
+      fontSize: 14
+    }
+  },
+  ...i === "contained" && {
+    "&:hover": {
+      backgroundColor: o.palette.grey[300],
+      boxShadow: o.shadows[1]
+    }
+  }
+})), p = t(n)({
+  position: "absolute",
+  top: 0,
+  left: 0,
+  right: 0,
+  zIndex: 10,
+  display: "flex",
+  minHeight: "100%",
+  "& .MuiPaper-root": {
+    flex: 1
+  }
+});
+export {
+  r as Actions,
+  d as Button,
+  e as Container,
+  p as Modal
+};

package/dist/components/geometry-picker/wkt/index.js

@@ -0,0 +1,59 @@
+import { jsx as e, jsxs as s, Fragment as v } from "react/jsx-runtime";
+import { useState as o, useEffect as x } from "react";
+import k from "./select-input-method.js";
+import { TextField as b, Box as C, Button as c } from "@mui/material";
+import { parse as T } from "../../map/helpers/wkt.js";
+function E({ onCancel: d, onSubmit: n }) {
+  const [t, i] = o(), [a, l] = o(), [W, u] = o(), m = (r) => {
+    i(r);
+  }, p = (r) => {
+    i(r.target.value);
+  }, f = () => {
+    if (t && t.trim().length > 0)
+      try {
+        T(t), u(t), l(void 0);
+      } catch {
+        u(void 0), l("Error in WKT data!");
+      }
+  }, h = () => {
+    n && t && n(t);
+  };
+  return x(() => (f(), () => {
+  }), [t]), t === void 0 ? /* @__PURE__ */ e(k, { onSubmit: m }) : /* @__PURE__ */ s(v, { children: [
+    /* @__PURE__ */ e(
+      b,
+      {
+        label: "WKT Text",
+        multiline: !0,
+        maxRows: 15,
+        minRows: 8,
+        variant: "outlined",
+        fullWidth: !0,
+        value: t,
+        autoFocus: !0,
+        InputLabelProps: { shrink: !0 },
+        onChange: p,
+        ...a !== void 0 && {
+          error: !0,
+          helperText: a
+        }
+      }
+    ),
+    /* @__PURE__ */ s(C, { display: "flex", justifyContent: "space-between", mt: 3, children: [
+      /* @__PURE__ */ e(c, { color: "primary", onClick: d, children: "Cancel" }),
+      /* @__PURE__ */ e(
+        c,
+        {
+          color: "primary",
+          variant: "contained",
+          disabled: t === void 0,
+          onClick: h,
+          children: "Ok"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  E as default
+};

package/dist/components/geometry-picker/wkt/select-input-method.js

@@ -0,0 +1,75 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import m from "react";
+import { Box as d, Typography as r } from "@mui/material";
+import { EditNote as f, UploadFile as p } from "@mui/icons-material";
+import { IconButton as o } from "../../icon-button/index.js";
+const P = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='169.604'%20height='151.513'%20viewBox='0%200%20169.604%20151.513'%3e%3cg%20id='gps-navigation'%20transform='translate(-4%20-3.09)'%3e%3cpath%20id='Path_84306'%20data-name='Path%2084306'%20d='M72.706,17A35.735,35.735,0,0,0,37,52.706c0,27.434,31.957,71.323,33.3,73.168a2.991,2.991,0,0,0,4.82,0c1.369-1.845,33.3-45.734,33.3-73.168A35.735,35.735,0,0,0,72.706,17Zm0,101.941c-7.469-10.831-29.755-44.9-29.755-66.235a29.755,29.755,0,0,1,59.51,0C102.461,74.041,80.175,108.14,72.706,118.941Z'%20transform='translate(65.192%2027.479)'%20fill='%23043991'/%3e%3cpath%20id='Path_84307'%20data-name='Path%2084307'%20d='M56.9,25A11.9,11.9,0,1,0,68.8,36.9,11.9,11.9,0,0,0,56.9,25Zm0,17.853A5.951,5.951,0,1,1,62.853,36.9,5.969,5.969,0,0,1,56.9,42.853Z'%20transform='translate(80.996%2043.284)'%20fill='%23043991'/%3e%3cpath%20id='Path_84308'%20data-name='Path%2084308'%20d='M21.853,56.382a2.974,2.974,0,0,0,2.41-1.22c.625-.863,15.443-21.215,15.443-34.218A17.853,17.853,0,0,0,4,20.943c0,13,14.818,33.356,15.443,34.218a2.974,2.974,0,0,0,2.41,1.22Zm0-47.34a11.9,11.9,0,0,1,11.9,11.9c0,7.677-7.2,20.174-11.9,27.256-4.7-7.052-11.9-19.579-11.9-27.256A11.9,11.9,0,0,1,21.853,9.041Z'%20fill='%23043991'/%3e%3cpath%20id='Path_84309'%20data-name='Path%2084309'%20d='M23.117,34.954c-7.171-.446-10.5-1.012-12.051-1.428a2.976,2.976,0,0,0-5.118-2.351A4.724,4.724,0,0,0,4.52,34.448c0,4.553,5.624,5.683,18.24,6.457h.179a2.978,2.978,0,0,0,.179-5.951Z'%20transform='translate(1.027%2053.622)'%20fill='%23043991'/%3e%3cpath%20id='Path_84310'%20data-name='Path%2084310'%20d='M30.095,26.806l-2.529.536c-5.058,1.071-10.3,2.172-15.056,3.362a2.975,2.975,0,0,0,.714,5.862,2.211,2.211,0,0,0,.744-.089c4.642-1.16,9.819-2.261,14.818-3.333l2.529-.536a2.982,2.982,0,0,0-1.25-5.832Z'%20transform='translate(12.349%2046.655)'%20fill='%23043991'/%3e%3cpath%20id='Path_84311'%20data-name='Path%2084311'%20d='M10,25.707a2.983,2.983,0,0,0,2.976,2.737h.238s8.48-.684,17.615-.744a2.976,2.976,0,0,0,0-5.951c-9.4.03-17.734.714-18.091.744a2.969,2.969,0,0,0-2.708,3.214Z'%20transform='translate(11.853%2036.863)'%20fill='%23043991'/%3e%3cpath%20id='Path_84312'%20data-name='Path%2084312'%20d='M58.689,52.158c-5.088,0-11.426-.089-17.823-.238a3.023,3.023,0,0,0-3.035,2.916,2.947,2.947,0,0,0,2.916,3.035c6.427.149,12.824.238,17.972.268a2.976,2.976,0,1,0,0-5.951Z'%20transform='translate(66.831%2096.465)'%20fill='%23043991'/%3e%3cpath%20id='Path_84313'%20data-name='Path%2084313'%20d='M22.1,35.342a2.965,2.965,0,0,0,2.827,2.023,3.715,3.715,0,0,0,.952-.149c4.493-1.488,9.105-3.571,9.105-7.647a5.641,5.641,0,0,0-1.875-4.047c-1.488-1.488-3.9-2.529-7.528-3.3a2.976,2.976,0,1,0-1.19,5.832,12.588,12.588,0,0,1,4.255,1.458A17.992,17.992,0,0,1,24,31.563a2.972,2.972,0,0,0-1.875,3.779Z'%20transform='translate(35.493%2037.673)'%20fill='%23043991'/%3e%3cpath%20id='Path_84314'%20data-name='Path%2084314'%20d='M18.816,32.091a2.985,2.985,0,0,0-3.095,2.856,2.949,2.949,0,0,0,2.856,3.095c5.415.238,11.753.536,17.764.982h.238a2.965,2.965,0,0,0,.238-5.921c-6.1-.476-12.5-.774-17.942-.982Z'%20transform='translate(23.152%2057.289)'%20fill='%23043991'/%3e%3cpath%20id='Path_84315'%20data-name='Path%2084315'%20d='M34.868,52.334c-6.516-.625-12.438-1.309-17.615-2.083a2.962,2.962,0,1,0-.863,5.862c5.3.774,11.307,1.488,17.913,2.113h.3a2.983,2.983,0,0,0,.268-5.951Z'%20transform='translate(19.477%2093.105)'%20fill='%23043991'/%3e%3cpath%20id='Path_84316'%20data-name='Path%2084316'%20d='M46.773,52.345C41,52.107,34.99,51.78,28.979,51.393a2.967,2.967,0,0,0-.387,5.921c6.07.387,12.11.714,17.913.952h.119a2.977,2.977,0,0,0,.119-5.951Z'%20transform='translate(43.101%2095.414)'%20fill='%23043991'/%3e%3cpath%20id='Path_84317'%20data-name='Path%2084317'%20d='M44.447,40.177a2.958,2.958,0,0,0-3.69-2.023c-5.207,1.488-11.337,3.065-17.2,4.523a2.975,2.975,0,0,0,.714,5.862,1.966,1.966,0,0,0,.714-.089c5.892-1.488,12.11-3.035,17.407-4.582a2.958,2.958,0,0,0,2.023-3.69Z'%20transform='translate(34.179%2069.02)'%20fill='%23043991'/%3e%3cpath%20id='Path_84318'%20data-name='Path%2084318'%20d='M32.7,43.258a2.982,2.982,0,0,0-3.63-2.113c-7.231,1.9-12.765,3.541-17.347,5.118a2.984,2.984,0,0,0,.982,5.8,3.741,3.741,0,0,0,.982-.149c4.463-1.547,9.849-3.124,16.96-5a2.982,2.982,0,0,0,2.113-3.63Z'%20transform='translate(11.291%2074.985)'%20fill='%23043991'/%3e%3cpath%20id='Path_84319'%20data-name='Path%2084319'%20d='M19.463,56.08c-9.016-2.589-9.432-4.731-9.432-4.731,0-.03,0-.327.506-.952a2.983,2.983,0,1,0-4.642-3.749,7.477,7.477,0,0,0-1.845,4.7c0,5.862,7.855,8.778,13.747,10.474a2.506,2.506,0,0,0,.8.119,2.956,2.956,0,0,0,2.856-2.172A3.012,3.012,0,0,0,19.4,56.08Z'%20transform='translate(0.099%2083.854)'%20fill='%23043991'/%3e%3cpath%20id='Path_84320'%20data-name='Path%2084320'%20d='M41.569,35.891a61.021,61.021,0,0,0-10.385-2.708,2.965,2.965,0,1,0-1.071,5.832,56.208,56.208,0,0,1,9.373,2.44,12.212,12.212,0,0,1,2.737,1.309,2.965,2.965,0,0,0,5.386,2.321,4.941,4.941,0,0,0,.774-2.589c0-4.017-4.969-5.892-6.814-6.576Z'%20transform='translate(46.787%2059.351)'%20fill='%23043991'/%3e%3c/g%3e%3c/svg%3e";
+function v({ onSubmit: n }) {
+  const l = m.useRef(null), i = (a) => {
+    n && n(a);
+  };
+  return /* @__PURE__ */ e(
+    d,
+    {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      flexDirection: "column",
+      pt: 8,
+      children: [
+        /* @__PURE__ */ t("img", { src: P, width: 180, height: 160 }),
+        /* @__PURE__ */ t(r, { my: 8, mx: 10, textAlign: "center", children: "You can add WKT data by importing a WKT file from your computer or you can create WKT data" }),
+        /* @__PURE__ */ e(d, { display: "flex", justifyContent: "space-between", width: 300, children: [
+          /* @__PURE__ */ e(
+            o,
+            {
+              variant: "vertical",
+              color: "primary",
+              onClick: () => i(""),
+              children: [
+                /* @__PURE__ */ t(f, {}),
+                /* @__PURE__ */ t(r, { variant: "body2", mt: 0.5, children: "Create WKT data" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e(
+            o,
+            {
+              variant: "vertical",
+              color: "primary",
+              onClick: () => {
+                var a;
+                (a = l.current) == null || a.click();
+              },
+              children: [
+                /* @__PURE__ */ t(p, {}),
+                /* @__PURE__ */ t(r, { variant: "body2", mt: 0.5, children: "Import WKT file from computer" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t(
+          "input",
+          {
+            ref: l,
+            type: "file",
+            accept: ".wkt",
+            style: { display: "none" },
+            onChange: (a) => {
+              if (a.target.files) {
+                const c = new FileReader();
+                c.onload = async (h) => {
+                  const s = h.target.result;
+                  i(s);
+                }, c.readAsText(a.target.files[0]);
+              }
+            }
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  v as default
+};

package/dist/components/icon-button/index.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+import { VerticalButton as m, MiniButton as c } from "./styled.js";
+import { I as e } from "../../IconButton-CKHPuOyh.js";
+const a = ({
+  variant: i = "default",
+  startIcon: f,
+  onclick: n,
+  children: o,
+  ...r
+}) => {
+  const u = () => {
+    n !== void 0 && n();
+  };
+  return i === "vertical" ? /* @__PURE__ */ t(m, { ...r, children: o }) : i === "mini" ? /* @__PURE__ */ t(c, { color: "inherit", startIcon: f, onClick: u, children: o }) : /* @__PURE__ */ t(e, { onClick: u, ...r, children: o });
+};
+export {
+  a as IconButton
+};

package/dist/components/icon-button/styled.js

@@ -0,0 +1,51 @@
+import { styled as o, ButtonBase as n, Button as a } from "@mui/material";
+const r = o(n)(({ theme: t, color: i }) => ({
+  position: "relative",
+  display: "flex",
+  flexDirection: "column",
+  width: 130,
+  height: 140,
+  // @ts-ignore
+  color: i ? t.palette.text.primary : "inherit",
+  borderRadius: 10,
+  transition: "all .3s",
+  "&:after": {
+    content: '""',
+    position: "absolute",
+    top: 0,
+    left: 30,
+    right: 30,
+    height: 2,
+    // @ts-ignore
+    backgroundColor: i ? t.palette[i].dark : "inherit",
+    borderRadius: 2,
+    opacity: 0,
+    transition: "all .3s"
+  },
+  "&:hover": {
+    boxShadow: t.shadows[4],
+    // @ts-ignore
+    color: i ? t.palette.text.primary : "inherit",
+    "&:after": {
+      opacity: 1
+    }
+  },
+  "& .MuiSvgIcon-root": {
+    fontSize: 50
+  }
+})), s = o(a)(({ theme: t }) => ({
+  fontSize: 10,
+  padding: "2px 6px",
+  minWidth: "auto",
+  boxShadow: t.shadows[1],
+  "& .MuiButton-startIcon": {
+    marginRight: 0.25,
+    "&  > :nth-of-type(1)": {
+      fontSize: 14
+    }
+  }
+}));
+export {
+  s as MiniButton,
+  r as VerticalButton
+};

package/dist/components/key-protection/index.js

@@ -0,0 +1,4 @@
+import { S as r } from "../../utils-Bq0ye5vf.js";
+export {
+  r as default
+};

package/dist/components/key-protection/menu.js

@@ -0,0 +1,85 @@
+import { jsxs as n, Fragment as p, jsx as e } from "react/jsx-runtime";
+import h from "lodash";
+import m from "../../hooks/useMenuLogic.js";
+import { Key as c, Add as g } from "@mui/icons-material";
+import { IconButton as f, Menu as y, MenuItem as l, ListItemIcon as s } from "@mui/material";
+import { r as b, a as k } from "../../utils-Bq0ye5vf.js";
+import { alert as i } from "../confirm/index.js";
+let a;
+const M = () => {
+  const { state: r, action: t } = m(), d = async () => {
+    t.close();
+    const o = await b();
+    o ? (a = h.get(o, "rawId"), new Uint8Array(a).toString(), i("Successfull", "Key successfully registered")) : i("Error!", "The key couldn't be registered!");
+  }, u = async () => {
+    t.close();
+    try {
+      await k(a), i("Successfull", "Successfully authenticated");
+    } catch (o) {
+      i("Error!", "Couldn't be authenticated!"), console.log(o);
+    }
+  };
+  return /* @__PURE__ */ n(p, { children: [
+    /* @__PURE__ */ e(
+      f,
+      {
+        size: "large",
+        "aria-label": "account of current user",
+        onClick: t.open,
+        color: "inherit",
+        "aria-controls": r.isOpen ? "key-protection-menu" : void 0,
+        "aria-haspopup": "true",
+        "aria-expanded": r.isOpen ? "true" : void 0,
+        children: /* @__PURE__ */ e(c, {})
+      }
+    ),
+    /* @__PURE__ */ n(
+      y,
+      {
+        id: "key-protection-menu",
+        anchorEl: r.anchorEl,
+        keepMounted: !0,
+        anchorOrigin: {
+          vertical: "bottom",
+          horizontal: "right"
+        },
+        transformOrigin: { horizontal: "right", vertical: "top" },
+        open: r.isOpen,
+        onClose: t.close,
+        PaperProps: {
+          elevation: 0,
+          sx: {
+            overflow: "visible",
+            filter: "drop-shadow(0px 2px 8px rgba(0,0,0,0.32))",
+            mt: 1.5,
+            "&:before": {
+              content: '""',
+              display: "block",
+              position: "absolute",
+              top: 0,
+              right: 14,
+              width: 10,
+              height: 10,
+              bgcolor: "background.paper",
+              transform: "translateY(-50%) rotate(45deg)",
+              zIndex: 0
+            }
+          }
+        },
+        children: [
+          /* @__PURE__ */ n(l, { onClick: d, children: [
+            /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(g, { fontSize: "small" }) }),
+            "Register Key"
+          ] }),
+          /* @__PURE__ */ n(l, { onClick: u, children: [
+            /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(c, { fontSize: "small" }) }),
+            "Authenticate"
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  M as KeyProtectionMenu
+};

package/dist/components/key-protection/utils.js

@@ -0,0 +1,10 @@
+import { a as r, d as t, e as s, b as p, g as y, i, r as o } from "../../utils-Bq0ye5vf.js";
+export {
+  r as authenticate,
+  t as decrypt,
+  s as encrypt,
+  p as exportKey,
+  y as generateKey,
+  i as importKey,
+  o as register
+};

package/dist/components/loading/index.js

@@ -0,0 +1,7 @@
+import { jsx as r, Fragment as i } from "react/jsx-runtime";
+import { CircularProgress as n } from "@mui/material";
+import { Container as e } from "./styled.js";
+const p = ({ show: o, ...t }) => o ? /* @__PURE__ */ r(e, { ...t, children: /* @__PURE__ */ r(n, {}) }) : /* @__PURE__ */ r(i, {});
+export {
+  p as Loading
+};

package/dist/components/loading/styled.js

@@ -0,0 +1,16 @@
+import { styled as r, Box as i } from "@mui/material";
+const d = r(i, {
+  shouldForwardProp: (e) => e !== "overlay" && e !== "overlayColor"
+})(({ overlay: e, overlayColor: o, position: t }) => ({
+  position: t === "fixed" ? "fixed" : "absolute",
+  width: "100%",
+  height: "100%",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  backgroundColor: o || "rgba(255,255,255,0.15)",
+  ...e ? { top: 0, left: 0, zIndex: 9 } : {}
+}));
+export {
+  d as Container
+};