@spesia/ui 1.8.21 → 1.9.7

package/dist/components/trending-chip/TrendingChip.js

@@ -0,0 +1,93 @@
+import { jsx as r } from "react/jsx-runtime";
+import { suitCx as l } from "../../helpers/suitCx.js";
+import { Box as i, Chip as c } from "@mui/material";
+import { ArrowDownward as n, ArrowUpward as s } from "@mui/icons-material";
+import { formatPercentage as h } from "../../helpers/utils.js";
+import { colors as t } from "../../styles/colors.js";
+const C = ({
+  value: e,
+  size: a,
+  iconOnly: d,
+  className: p
+}) => {
+  const o = l(
+    {
+      name: "TrendingChip"
+    },
+    {},
+    p
+  );
+  return d ? e < 0 ? /* @__PURE__ */ r(
+    i,
+    {
+      sx: {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        borderRadius: "100%",
+        backgroundColor: "#F38840",
+        color: t.neutral.white,
+        width: "48px",
+        height: "48px"
+      },
+      children: /* @__PURE__ */ r(
+        n,
+        {
+          className: o(),
+          sx: { width: "24px", height: "24px", rotate: "-45deg" }
+        }
+      )
+    }
+  ) : /* @__PURE__ */ r(
+    i,
+    {
+      sx: {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        borderRadius: "100%",
+        backgroundColor: t.secondary.olive[50],
+        color: t.neutral.white,
+        width: "48px",
+        height: "48px"
+      },
+      children: /* @__PURE__ */ r(
+        s,
+        {
+          className: o(),
+          sx: { width: "24px", height: "24px", rotate: "45deg" }
+        }
+      )
+    }
+  ) : /* @__PURE__ */ r(
+    c,
+    {
+      className: o(),
+      variant: "outlined",
+      size: a,
+      sx: {
+        pointerEvents: "none",
+        border: "none !important",
+        borderRadius: 2,
+        color: e >= 0 ? `${t.secondary.olive[50]} !important` : "#F38840 !important"
+      },
+      color: e < 0 ? "error" : "success",
+      icon: e < 0 ? /* @__PURE__ */ r(
+        n,
+        {
+          sx: { width: "18px", height: "18px", rotate: "-45deg" }
+        }
+      ) : /* @__PURE__ */ r(
+        s,
+        {
+          sx: { width: "18px", height: "18px", rotate: "45deg" }
+        }
+      ),
+      label: h(e, !1, 1)
+    }
+  );
+};
+export {
+  C as TrendingChip,
+  C as default
+};

package/dist/helpers/suitCx.js

@@ -0,0 +1,17 @@
+import m from "../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js";
+const c = (o, i, f = {}) => {
+  let e;
+  typeof o == "string" ? e = { name: o, modifiers: [], states: [] } : e = o;
+  const a = i;
+  e.modifiers && e.modifiers.map((s) => {
+    const t = a[s];
+    t != null && t !== !1 && (typeof t == "boolean" ? a[e.name + "--" + s] = !0 : a[e.name + "--" + t] = !0, a[s] = !1);
+  }), e.states && e.states.map((s) => {
+    i[s] && (a["is-" + s] = !0, a[s] = !1);
+  });
+  const l = m(e.name, a, f), n = e.name;
+  return (...s) => s.length && n ? s.map((t) => `${n}-${t}`).join(" ") : l;
+};
+export {
+  c as suitCx
+};

package/dist/helpers/utils.js

@@ -0,0 +1,11 @@
+import t from "lodash/round";
+const c = (r, e, n) => {
+  {
+    const o = Math.round(r * 1e3) / 10;
+    return `${d(o, n)}%`;
+  }
+}, d = (r, e) => r < 0 ? -t(Math.abs(r), e) : t(r, e);
+export {
+  c as formatPercentage,
+  d as roundNumber
+};

package/dist/hooks/useContainerDimension.js

@@ -0,0 +1,23 @@
+import { useState as r, useEffect as d } from "react";
+const u = (i) => {
+  const [o, s] = r({
+    width: void 0,
+    height: void 0
+  });
+  return d(() => {
+    function n() {
+      var t;
+      if (i) {
+        const e = (t = i.current) == null ? void 0 : t.getBoundingClientRect();
+        s({
+          width: e == null ? void 0 : e.width,
+          height: e == null ? void 0 : e.height
+        });
+      }
+    }
+    return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
+  }, []), o;
+};
+export {
+  u as useContainerDimensions
+};

package/dist/index.d.ts

@@ -1,5 +1,6 @@
-export { theme } from './styles';
 export { colors, tokens, primitives } from './styles/colors';
 export { themes, defaultTheme } from './themes';
 export { suitCx } from './helpers/suitCx';
-export * from './components';
+export { default as Logo } from './components/Logo/Logo';
+export { default as Logo3d } from './components/Logo3d/Logo3d';
+export { type LogoProps } from './components/Logo/Logo';