@eyesee/ui-components 0.1.0

package/dist/components/icons-v2/WebIcon.js

@@ -0,0 +1,57 @@
+import { jsxs as r, Fragment as i, jsx as o } from "react/jsx-runtime";
+import { createIcon as t } from "./createIcon.js";
+const d = t(({ strokeColor: n, strokeWidth: e }) => /* @__PURE__ */ r(i, { children: [
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M16 28C22.6274 28 28 22.6274 28 16C28 9.37258 22.6274 4 16 4C9.37258 4 4 9.37258 4 16C4 22.6274 9.37258 28 16 28Z",
+      stroke: n,
+      strokeWidth: e,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M4.7998 12H27.1998",
+      stroke: n,
+      strokeWidth: e,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M4.7998 20H27.1998",
+      stroke: n,
+      strokeWidth: e,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M15.3335 4C13.0873 7.59948 11.8965 11.7572 11.8965 16C11.8965 20.2428 13.0873 24.4005 15.3335 28",
+      stroke: n,
+      strokeWidth: e,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M16.6665 4C18.9127 7.59948 20.1036 11.7572 20.1036 16C20.1036 20.2428 18.9127 24.4005 16.6665 28",
+      stroke: n,
+      strokeWidth: e,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )
+] }));
+export {
+  d as WebIcon
+};

package/dist/components/icons-v2/XIcon.js

@@ -0,0 +1,27 @@
+import { jsxs as e, Fragment as t, jsx as r } from "react/jsx-runtime";
+import { createIcon as i } from "./createIcon.js";
+const p = i(({ strokeColor: o, strokeWidth: n }) => /* @__PURE__ */ e(t, { children: [
+  /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M24 8L8 24",
+      stroke: o,
+      strokeWidth: n,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M8 8L24 24",
+      stroke: o,
+      strokeWidth: n,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )
+] }));
+export {
+  p as XIcon
+};

package/dist/components/icons-v2/ZipFileIcon.js

@@ -0,0 +1,15 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createIcon as e } from "./createIcon.js";
+const n = e(({ strokeColor: o, strokeWidth: C }) => /* @__PURE__ */ r(
+  "path",
+  {
+    d: "M7.99984 27.6467C7.59388 27.4123 7.25687 27.075 7.02279 26.6689C6.7887 26.2628 6.66582 25.8021 6.66651 25.3333V6.66667C6.66651 5.95942 6.94746 5.28115 7.44756 4.78105C7.94765 4.28095 8.62593 4 9.33317 4H18.6665L25.3332 10.6667V25.3333C25.3332 26.0406 25.0522 26.7189 24.5521 27.219C24.052 27.719 23.3738 28 22.6665 28H21.3332M14.6665 6.66667H13.3332M17.3332 9.33333H15.9998M14.6665 12H13.3332M17.3332 14.6667H15.9998M14.6665 17.3333H13.3332M17.3332 20H15.9998M14.6665 22.6667C15.3737 22.6667 16.052 22.9476 16.5521 23.4477C17.0522 23.9478 17.3332 24.6261 17.3332 25.3333V28C17.3332 28.3536 17.1927 28.6928 16.9426 28.9428C16.6926 29.1929 16.3535 29.3333 15.9998 29.3333H13.3332C12.9795 29.3333 12.6404 29.1929 12.3904 28.9428C12.1403 28.6928 11.9998 28.3536 11.9998 28V25.3333C11.9998 24.6261 12.2808 23.9478 12.7809 23.4477C13.281 22.9476 13.9593 22.6667 14.6665 22.6667Z",
+    stroke: o,
+    strokeWidth: C,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+));
+export {
+  n as ZipFileIcon
+};

package/dist/components/icons-v2/ZonePercentageIcon.js

@@ -0,0 +1,107 @@
+import { jsxs as r, Fragment as i, jsx as o } from "react/jsx-runtime";
+import { createIcon as a } from "./createIcon.js";
+const L = a(({ strokeColor: n, strokeWidth: e }) => /* @__PURE__ */ r(i, { children: [
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M4 6.66545C4 7.37269 4.28095 8.05097 4.78105 8.55106C5.28115 9.05116 5.95942 9.33211 6.66667 9.33211C7.37391 9.33211 8.05219 9.05116 8.55228 8.55106C9.05238 8.05097 9.33333 7.37269 9.33333 6.66545C9.33333 5.9582 9.05238 5.27992 8.55228 4.77983C8.05219 4.27973 7.37391 3.99878 6.66667 3.99878C5.95942 3.99878 5.28115 4.27973 4.78105 4.77983C4.28095 5.27992 4 5.9582 4 6.66545Z",
+      stroke: n,
+      strokeWidth: e,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M22.668 6.66545C22.668 7.37269 22.9489 8.05097 23.449 8.55106C23.9491 9.05116 24.6274 9.33211 25.3346 9.33211C26.0419 9.33211 26.7202 9.05116 27.2203 8.55106C27.7203 8.05097 28.0013 7.37269 28.0013 6.66545C28.0013 5.9582 27.7203 5.27992 27.2203 4.77983C26.7202 4.27973 26.0419 3.99878 25.3346 3.99878C24.6274 3.99878 23.9491 4.27973 23.449 4.77983C22.9489 5.27992 22.668 5.9582 22.668 6.66545Z",
+      stroke: n,
+      strokeWidth: e,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M4 25.3346C4 26.0419 4.28095 26.7202 4.78105 27.2203C5.28115 27.7203 5.95942 28.0013 6.66667 28.0013C7.37391 28.0013 8.05219 27.7203 8.55228 27.2203C9.05238 26.7202 9.33333 26.0419 9.33333 25.3346C9.33333 24.6274 9.05238 23.9491 8.55228 23.449C8.05219 22.9489 7.37391 22.668 6.66667 22.668C5.95942 22.668 5.28115 22.9489 4.78105 23.449C4.28095 23.9491 4 24.6274 4 25.3346Z",
+      stroke: n,
+      strokeWidth: e,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M6.66797 9.33447V22.6678",
+      stroke: n,
+      strokeWidth: e,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M9.33301 6.66357H22.6663",
+      stroke: n,
+      strokeWidth: e,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M9.33301 25.3359H13.5",
+      stroke: n,
+      strokeWidth: e,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M25.3331 9.33447L25.333 14.0005",
+      stroke: n,
+      strokeWidth: e,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M20 28.0002L28 20.0002",
+      stroke: n,
+      strokeWidth: e,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M20 20.0427V20.0627",
+      stroke: n,
+      strokeWidth: e,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M27.999 28.0586V28.0823",
+      stroke: n,
+      strokeWidth: e,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )
+] }));
+export {
+  L as ZonePercentageIcon
+};

package/dist/components/icons-v2/ZoomInIcon.js

@@ -0,0 +1,47 @@
+import { jsxs as r, Fragment as t, jsx as e } from "react/jsx-runtime";
+import { createIcon as i } from "./createIcon.js";
+const d = i(({ strokeColor: n, strokeWidth: o }) => /* @__PURE__ */ r(t, { children: [
+  /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M14.6667 25.3333C20.5577 25.3333 25.3333 20.5577 25.3333 14.6667C25.3333 8.77563 20.5577 4 14.6667 4C8.77563 4 4 8.77563 4 14.6667C4 20.5577 8.77563 25.3333 14.6667 25.3333Z",
+      stroke: n,
+      strokeWidth: o,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M28.0002 28L22.2002 22.2",
+      stroke: n,
+      strokeWidth: o,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M14.6665 10.6667V18.6667",
+      stroke: n,
+      strokeWidth: o,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M10.6665 14.6667H18.6665",
+      stroke: n,
+      strokeWidth: o,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )
+] }));
+export {
+  d as ZoomInIcon
+};

package/dist/components/icons-v2/ZoomOutIcon.js

@@ -0,0 +1,37 @@
+import { jsxs as e, Fragment as t, jsx as r } from "react/jsx-runtime";
+import { createIcon as i } from "./createIcon.js";
+const a = i(({ strokeColor: n, strokeWidth: o }) => /* @__PURE__ */ e(t, { children: [
+  /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M14.6667 25.3333C20.5577 25.3333 25.3333 20.5577 25.3333 14.6667C25.3333 8.77563 20.5577 4 14.6667 4C8.77563 4 4 8.77563 4 14.6667C4 20.5577 8.77563 25.3333 14.6667 25.3333Z",
+      stroke: n,
+      strokeWidth: o,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M28.0002 28L22.2002 22.2",
+      stroke: n,
+      strokeWidth: o,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ),
+  /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M10.6665 14.6667H18.6665",
+      stroke: n,
+      strokeWidth: o,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )
+] }));
+export {
+  a as ZoomOutIcon
+};

package/dist/components/icons-v2/constants.js

@@ -0,0 +1,23 @@
+const o = {
+  "4xl": "var(--icon--icon-size--4xl)",
+  xxl: "var(--icon--icon-size--2xl)",
+  xl: "var(--icon--icon-size--xl)",
+  l: "var(--icon--icon-size--lg)",
+  m: "var(--icon--icon-size--default)",
+  s: "var(--icon--icon-size--sm)"
+}, n = {
+  "4xl": "2.5px",
+  xxl: "2.25px",
+  xl: "2.25px",
+  l: "2px",
+  m: "2px",
+  s: "2px"
+}, s = (i = "m") => ({
+  size: o[i],
+  strokeWidth: n[i]
+});
+export {
+  s as getIconDimensions,
+  o as iconSizes,
+  n as iconStrokeWidths
+};

package/dist/components/icons-v2/createIcon.js

@@ -0,0 +1,52 @@
+import { jsx as i } from "react/jsx-runtime";
+import m from "clsx";
+import { getIconDimensions as x } from "./constants.js";
+import r from "./createIcon.module.scss.js";
+const N = (h, p = {}) => {
+  const { animatedByDefault: u = !1 } = p;
+  return ({
+    iconSize: d = "m",
+    onClick: e = null,
+    fill: n = "none",
+    strokeColor: c = "currentColor",
+    strokeColorOnHover: s,
+    fillOnHover: t,
+    disabled: o,
+    animated: f = u
+  }) => {
+    const { size: a, strokeWidth: v } = x(d), y = o && n !== "none" && n !== "transparent" ? "var(--color--icon--disabled--default)" : n, g = o && c !== "currentColor" ? "var(--color--icon--disabled--default)" : c, k = () => {
+      e && !o && e();
+    }, l = { width: a, height: a };
+    return /* @__PURE__ */ i(
+      "span",
+      {
+        className: m(
+          r.iconWrapper,
+          o && r.disabled,
+          e && !o && r.clickable
+        ),
+        style: l,
+        onClick: k,
+        children: /* @__PURE__ */ i(
+          "svg",
+          {
+            className: m(r.svg, f && r.spinner),
+            viewBox: "0 0 32 32",
+            fill: y,
+            "data-stroke-on-hover": !!s,
+            "data-fill-on-hover": !!t,
+            style: {
+              ...l,
+              "--icon-stroke-hover": t ? "currentColor" : s,
+              "--icon-fill-hover": t || "transparent"
+            },
+            children: h({ strokeColor: g, strokeWidth: v })
+          }
+        )
+      }
+    );
+  };
+};
+export {
+  N as createIcon
+};

package/dist/components/icons-v2/createIcon.module.scss.js

@@ -0,0 +1,15 @@
+const s = "_iconWrapper_1nd7s_1", n = "_svg_1nd7s_8", c = "_disabled_1nd7s_12", e = "_clickable_1nd7s_16", _ = "_spinner_1nd7s_20", d = {
+  iconWrapper: s,
+  svg: n,
+  disabled: c,
+  clickable: e,
+  spinner: _
+};
+export {
+  e as clickable,
+  d as default,
+  c as disabled,
+  s as iconWrapper,
+  _ as spinner,
+  n as svg
+};