@genai-fi/base 3.0.2 → 4.0.0

package/dist/components/BusyButton/BusyButton.js

@@ -1,9 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import { B as n, C as s } from "../../Button-DQwRVw4a.js";
-const m = a(function({ busy: r, ...t }, i) {
+import { forwardRef as n } from "react";
+import { Button as a } from "../Button/Button.js";
+import { C as e } from "../../CircularProgress-C6sMwjDC.js";
+const f = n(function({ busy: r, ...t }, i) {
   return /* @__PURE__ */ o(
-    n,
+    a,
     {
       ref: i,
       ...t,
@@ -15,11 +16,11 @@ const m = a(function({ busy: r, ...t }, i) {
           height: "20px !important"
         }
       },
-      startIcon: r ? /* @__PURE__ */ o(s, {}) : t.startIcon,
+      startIcon: r ? /* @__PURE__ */ o(e, {}) : t.startIcon,
       children: t.children
     }
   );
 });
 export {
-  m as default
+  f as default
 };

package/dist/components/Button/Button.js

@@ -1,6 +1,14 @@
-import "../../DefaultPropsProvider-C0Ib4Mye.js";
-import { B as a, L as B } from "../../Button-DQwRVw4a.js";
+import { s as t } from "../../DefaultPropsProvider-D2IJ8Qbs.js";
+import { B as o } from "../../Button-CGKw9sMz.js";
+const e = t(o)({
+  textTransform: "none"
+}), s = t(o)({
+  textTransform: "none",
+  fontWeight: "bold",
+  fontSize: "1.2rem",
+  borderRadius: "10px"
+});
 export {
-  a as Button,
-  B as LargeButton
+  e as Button,
+  s as LargeButton
 };

package/dist/components/ConnectionStatus/ConnectionStatus.d.ts

@@ -1,12 +1,8 @@
-import { PeerEvent } from '../../services/peer2peer/types';
-import { default as Peer2Peer } from '../../services/peer2peer/Peer2Peer';
 interface Props {
     api: string;
     appName: string;
-    ready?: boolean;
-    peer?: Peer2Peer<PeerEvent>;
     visibility?: number;
     noCheck?: boolean;
 }
-export default function ConnectionStatus({ api, appName, ready, peer, visibility, noCheck }: Props): import("react/jsx-runtime").JSX.Element;
+export default function ConnectionStatus({ api, appName, visibility, noCheck }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ConnectionStatus/ConnectionStatus.js

@@ -1,82 +1,83 @@
-import { jsx as o, Fragment as W, jsxs as p } from "react/jsx-runtime";
-import { i as q, w as y } from "../../webrtcState-D0nJpE9Z.js";
-import { useRef as F, useState as g, useEffect as s } from "react";
-import { getRTConfig as R } from "./ice.js";
-import { W as z, F as E } from "../../FlashWifi-CaAOKd3g.js";
-import { useTranslation as P } from "react-i18next";
-import { c as w } from "../../createSvgIcon-BfF8yuCp.js";
-import { checkP2P as x } from "./check.js";
-import { u as I } from "../../react-D-b-Xrzv.js";
-import '../../assets/ConnectionStatus.css';const A = "_containerConnecting_1p4sr_15 _container_1p4sr_3", U = "_containerSuccess_1p4sr_20 _container_1p4sr_3", b = "_containerMedium_1p4sr_25 _container_1p4sr_3", j = "_containerBad_1p4sr_30 _container_1p4sr_3", k = "_message_1p4sr_35", r = {
+import { jsx as r, Fragment as I, jsxs as L } from "react/jsx-runtime";
+import { iceConfig as W, webrtcActive as q } from "../../state/webrtcState.js";
+import { useRef as F, useState as g, useEffect as o } from "react";
+import { getRTConfig as P } from "./ice.js";
+import { W as R, F as z } from "../../FlashWifi-CYp0UP0B.js";
+import { useTranslation as E } from "react-i18next";
+import { c as b } from "../../createSvgIcon-DmrVEdN7.js";
+import { checkP2P as j } from "./check.js";
+import { usePeerObject as x } from "../../hooks/peer.js";
+import { a as T } from "../../react-D_xU5dL6.js";
+import '../../assets/ConnectionStatus.css';const A = "_containerConnecting_1p4sr_15 _container_1p4sr_3", U = "_containerSuccess_1p4sr_20 _container_1p4sr_3", k = "_containerMedium_1p4sr_25 _container_1p4sr_3", w = "_containerBad_1p4sr_30 _container_1p4sr_3", D = "_message_1p4sr_35", a = {
   containerConnecting: A,
   containerSuccess: U,
-  containerMedium: b,
-  containerBad: j,
-  message: k
-}, D = w(/* @__PURE__ */ o("path", {
+  containerMedium: k,
+  containerBad: w,
+  message: D
+}, O = b(/* @__PURE__ */ r("path", {
   d: "M24 8.98C20.93 5.9 16.69 4 12 4S3.07 5.9 0 8.98L12 21v-9h8.99zM19.59 14l-2.09 2.09L15.41 14 14 15.41l2.09 2.09L14 19.59 15.41 21l2.09-2.08L19.59 21 21 19.59l-2.08-2.09L21 15.41z"
 }), "SignalWifiBad"), $ = 6e4;
-function Y({ api: f, appName: S, ready: c, peer: t, visibility: v, noCheck: C }) {
-  const { t: h } = P(), [u, M] = I(q), [T, l] = I(y), m = F(), [i, d] = g("connecting"), [e, _] = g(0), [, L] = g(!1), [a, B] = g(!1);
-  return s(() => {
-    if (t)
-      return t.on("status", d), t.on("quality", _), d(t.status), _(t.quality), () => {
-        t.off("status", d), t.off("quality", _);
+function ee({ api: f, appName: h, visibility: S, noCheck: v }) {
+  const { t: p } = E(), e = x(), [u, y] = T(W), [C, l] = T(q), m = F(), [n, d] = g("connecting"), [s, _] = g(0), [, B] = g(!1), [c, M] = g(!1), i = n === "ready";
+  return o(() => {
+    if (e)
+      return e.on("status", d), e.on("quality", _), d(e.status), _(e.quality), () => {
+        e.off("status", d), e.off("quality", _);
       };
     _(0), d("connecting");
-  }, [t]), s(() => {
-    u || R(f, S, (n) => {
-      M(n);
+  }, [e]), o(() => {
+    u || P(f, h, (t) => {
+      y(t);
     });
-  }, [u, M, f, S]), s(() => {
-    if (i !== "ready") {
-      const n = setTimeout(() => {
-        B(!0);
+  }, [u, y, f, h]), o(() => {
+    if (n !== "ready") {
+      const t = setTimeout(() => {
+        M(!0);
       }, $);
       return () => {
-        clearTimeout(n);
+        clearTimeout(t);
       };
     } else
-      B(!1);
-  }, [i]), s(() => {
-    u && T === "unset" && (navigator != null && navigator.mediaDevices ? navigator.mediaDevices.getUserMedia({ video: !0 }).then((n) => {
-      m.current = n, l("full");
+      M(!1);
+  }, [n]), o(() => {
+    u && C === "unset" && (navigator != null && navigator.mediaDevices ? navigator.mediaDevices.getUserMedia({ video: !0 }).then((t) => {
+      m.current = t, l("full");
     }).catch(() => {
       l("relay");
     }) : l("relay"));
-  }, [u, T, l]), s(() => {
-    c && m.current && (m.current.getTracks().forEach(function(n) {
-      n.stop();
+  }, [u, C, l]), o(() => {
+    i && m.current && (m.current.getTracks().forEach(function(t) {
+      t.stop();
     }), m.current = void 0);
-  }, [c, i]), s(() => {
-    c && t && !C && t.code && x(f, t.code).then((n) => {
-      L(n);
+  }, [i, n]), o(() => {
+    i && e && !v && e.code && j(f, e.code).then((t) => {
+      B(t);
     });
-  }, [c, t, f, C]), /* @__PURE__ */ o(W, { children: (v === void 0 || e <= v) && /* @__PURE__ */ p(
+  }, [i, e, f, v]), /* @__PURE__ */ r(I, { children: (S === void 0 || s <= S) && /* @__PURE__ */ L(
     "div",
     {
-      className: i === "connecting" && !a ? r.containerConnecting : e === 3 ? r.containerSuccess : e === 2 ? r.containerMedium : r.containerBad,
+      className: n === "connecting" && !c ? a.containerConnecting : s === 3 ? a.containerSuccess : s === 2 ? a.containerMedium : a.containerBad,
       children: [
-        !a && e > 0 && /* @__PURE__ */ o(
-          z,
+        !c && s > 0 && /* @__PURE__ */ r(
+          R,
           {
             fontSize: "large",
             color: "inherit"
           }
         ),
-        !a && e <= 0 && /* @__PURE__ */ o(E, {}),
-        a && /* @__PURE__ */ o(
-          D,
+        !c && s <= 0 && /* @__PURE__ */ r(z, {}),
+        c && /* @__PURE__ */ r(
+          O,
           {
             fontSize: "large",
             color: "inherit"
           }
         ),
-        /* @__PURE__ */ o("div", { className: r.message, children: h(c ? `loader.messages.quality${e}` : a ? "loader.messages.failed" : `loader.messages.${i}`) })
+        /* @__PURE__ */ r("div", { className: a.message, children: p(i ? `loader.messages.quality${s}` : c ? "loader.messages.failed" : `loader.messages.${n}`) })
       ]
     }
   ) });
 }
 export {
-  Y as default
+  ee as default
 };

package/dist/components/ConnectionStatus/FlashWifi.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { F as p } from "../../FlashWifi-CaAOKd3g.js";
+import { F as p } from "../../FlashWifi-CYp0UP0B.js";
 export {
   p as default
 };

package/dist/components/ContentLoader/ContentError.js

@@ -1,7 +1,7 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { Dialog as l, DialogTitle as a, DialogContent as i } from "@mui/material";
 import { useTranslation as s } from "react-i18next";
-import { s as t } from "../../style.module-DSFm2eLD.js";
+import { s as t } from "../../style.module-BAnhZ_KJ.js";
 function f({ error: o }) {
   const { t: r } = s();
   return /* @__PURE__ */ n(

package/dist/components/ContentLoader/ContentLoader.js

@@ -19,7 +19,11 @@ function B({ content: r, onLoaded: l, onLoad: d }) {
         );
       }), Promise.all(c).then((o) => {
         e("loading"), g(void 0);
-        const a = o.map((t) => y(t).then((i) => d(i)));
+        const a = o.map(
+          (t) => y(t).then((i) => {
+            d(i);
+          })
+        );
         Promise.all(a).then(() => {
           e("done"), l && l();
         }).catch((t) => {

package/dist/components/ContentLoader/ContentProgress.js

@@ -1,7 +1,7 @@
 import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { Dialog as a, DialogTitle as l, DialogContent as d, LinearProgress as s } from "@mui/material";
 import { useTranslation as m } from "react-i18next";
-import { s as r } from "../../style.module-DSFm2eLD.js";
+import { s as r } from "../../style.module-BAnhZ_KJ.js";
 function p({ status: o, progress: e }) {
   const { t: n } = m();
   return /* @__PURE__ */ i(

package/dist/components/IconButtonDot/IconButtonDot.d.ts

@@ -0,0 +1,7 @@
+import { IconButtonProps } from '@mui/material';
+interface Props extends IconButtonProps {
+    count: number;
+    position?: 'left' | 'right';
+}
+export default function IconButtonDot({ count, position, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/IconButtonDot/IconButtonDot.js

@@ -0,0 +1,22 @@
+import { jsxs as _, jsx as n } from "react/jsx-runtime";
+import { IconButton as d } from "@mui/material";
+import '../../assets/IconButtonDot.css';const r = "_button_16k34_3", c = "_dot_16k34_7", l = "_leftDot_16k34_22 _dot_16k34_7", o = {
+  button: r,
+  dot: c,
+  leftDot: l
+};
+function f({ count: t, position: s = "right", ...e }) {
+  return /* @__PURE__ */ _("div", { className: o.button, children: [
+    /* @__PURE__ */ n(
+      d,
+      {
+        ...e,
+        "data-count": t
+      }
+    ),
+    t > 0 && /* @__PURE__ */ n("div", { className: s === "right" ? o.dot : o.leftDot, children: t })
+  ] });
+}
+export {
+  f as default
+};

package/dist/components/IconMenu/IconMenu.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren } from 'react';
+interface Props extends PropsWithChildren {
+    placement?: 'free' | 'left' | 'right' | 'top' | 'bottom';
+    label?: JSX.Element;
+    anchor?: HTMLElement;
+    selected?: boolean;
+    title?: string;
+    x?: number;
+    y?: number;
+}
+export default function IconMenu({ placement, x, y, label, children, selected, title }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/IconMenu/IconMenu.js

@@ -0,0 +1,26 @@
+import { jsx as e, jsxs as n } from "react/jsx-runtime";
+import { s as r } from "../../style.module-BDpZJv9y.js";
+import { IconMenuContext as d } from "./context.js";
+function v({ placement: o = "free", x: s = 0, y: t = 0, label: l, children: i, selected: a, title: f }) {
+  return /* @__PURE__ */ e(
+    "nav",
+    {
+      className: r[o],
+      "aria-label": f,
+      style: o === "free" ? { left: `${s}px`, top: `${t}px`, transform: "translateX(-50%)" } : void 0,
+      children: /* @__PURE__ */ n(d.Provider, { value: o, children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: `${o === "top" || o === "bottom" || o === "free" ? r.logoColumn : r.logoRow} ${a ? r.selected : ""}`,
+            children: l
+          }
+        ),
+        i
+      ] })
+    }
+  );
+}
+export {
+  v as default
+};

package/dist/components/IconMenu/IconMenuInline.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+interface Props extends PropsWithChildren {
+    label?: JSX.Element;
+}
+export default function IconMenuInline({ label, children }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/IconMenu/IconMenuInline.js

@@ -0,0 +1,12 @@
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { IconMenuContext as s } from "./context.js";
+import { s as e } from "../../style.module-BDpZJv9y.js";
+function a({ label: o, children: r }) {
+  return /* @__PURE__ */ i("div", { className: e.inlineBar, children: [
+    o && /* @__PURE__ */ n("div", { className: e.logoColumn, children: o }),
+    /* @__PURE__ */ n(s.Provider, { value: "top", children: r })
+  ] });
+}
+export {
+  a as default
+};

package/dist/components/IconMenu/Item.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+interface Props extends PropsWithChildren {
+    tooltip: string;
+    hideTip?: boolean;
+    selected?: boolean;
+    fullWidth?: boolean;
+}
+export default function IconMenuItem({ fullWidth, tooltip, children, hideTip, selected }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/IconMenu/Item.js

@@ -0,0 +1,34 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Tooltip as l } from "@mui/material";
+import { useContext as p } from "react";
+import { IconMenuContext as a } from "./context.js";
+import { s as i } from "../../style.module-BDpZJv9y.js";
+function I({ fullWidth: e, tooltip: s, children: m, hideTip: n, selected: r }) {
+  const t = p(a);
+  return n ? /* @__PURE__ */ o(
+    "div",
+    {
+      style: { width: e ? "100%" : void 0 },
+      className: r ? i.selectedItem : void 0,
+      children: m
+    }
+  ) : /* @__PURE__ */ o(
+    l,
+    {
+      title: s,
+      arrow: !0,
+      placement: t === "left" ? "right" : t === "right" ? "left" : t === "top" ? "bottom" : "top",
+      children: /* @__PURE__ */ o(
+        "div",
+        {
+          style: { width: e ? "100%" : void 0 },
+          className: r ? i.selectedItem : void 0,
+          children: m
+        }
+      )
+    }
+  );
+}
+export {
+  I as default
+};

package/dist/components/IconMenu/Spacer.d.ts

@@ -0,0 +1 @@
+export default function Spacer(): import("react/jsx-runtime").JSX.Element;

package/dist/components/IconMenu/Spacer.js

@@ -0,0 +1,11 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useContext as r } from "react";
+import { s as t } from "../../style.module-BDpZJv9y.js";
+import { IconMenuContext as m } from "./context.js";
+function c() {
+  const e = r(m);
+  return /* @__PURE__ */ o("div", { className: e === "left" || e === "right" ? t.menuSpacerRow : t.menuSpacerColumn });
+}
+export {
+  c as default
+};

package/dist/components/IconMenu/context.d.ts

@@ -0,0 +1 @@
+export declare const IconMenuContext: import('react').Context<string>;

package/dist/components/IconMenu/context.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const o = t("left");
+export {
+  o as IconMenuContext
+};

package/dist/components/IconMenu/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Spacer } from './Spacer';
+export { default as IconMenu } from './IconMenu';
+export { default as IconMenuInline } from './IconMenuInline';
+export { default as IconMenuItem } from './Item';

package/dist/components/IconMenu/index.js

@@ -0,0 +1,10 @@
+import { default as a } from "./Spacer.js";
+import { default as t } from "./IconMenu.js";
+import { default as n } from "./IconMenuInline.js";
+import { default as l } from "./Item.js";
+export {
+  t as IconMenu,
+  n as IconMenuInline,
+  l as IconMenuItem,
+  a as Spacer
+};

package/dist/components/LangSelect/LangSelect.d.ts

@@ -0,0 +1,12 @@
+export declare const LANGS: {
+    name: string;
+    label: string;
+}[];
+interface Props {
+    languages?: {
+        name: string;
+        label: string;
+    }[];
+}
+export default function LangSelect({ languages }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/LangSelect/LangSelect.js

@@ -0,0 +1,46 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { NativeSelect as s } from "@mui/material";
+import { useTranslation as m } from "react-i18next";
+import { useCallback as g } from "react";
+import { c as i } from "../../createSvgIcon-DmrVEdN7.js";
+import '../../assets/LangSelect.css';const r = "_lang_1mspu_3", u = {
+  lang: r
+}, h = i(/* @__PURE__ */ e("path", {
+  d: "M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2m6.93 6h-2.95c-.32-1.25-.78-2.45-1.38-3.56 1.84.63 3.37 1.91 4.33 3.56M12 4.04c.83 1.2 1.48 2.53 1.91 3.96h-3.82c.43-1.43 1.08-2.76 1.91-3.96M4.26 14C4.1 13.36 4 12.69 4 12s.1-1.36.26-2h3.38c-.08.66-.14 1.32-.14 2s.06 1.34.14 2zm.82 2h2.95c.32 1.25.78 2.45 1.38 3.56-1.84-.63-3.37-1.9-4.33-3.56m2.95-8H5.08c.96-1.66 2.49-2.93 4.33-3.56C8.81 5.55 8.35 6.75 8.03 8M12 19.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43 1.43-1.08 2.76-1.91 3.96M14.34 14H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16 1.32.16 2s-.07 1.34-.16 2m.25 5.56c.6-1.11 1.06-2.31 1.38-3.56h2.95c-.96 1.65-2.49 2.93-4.33 3.56M16.36 14c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26 1.31.26 2s-.1 1.36-.26 2z"
+}), "Language"), p = [
+  { name: "en", label: "English" },
+  { name: "fi", label: "Suomi" }
+];
+function M({ languages: c = p }) {
+  const { t, i18n: n } = m(), l = g(
+    (a) => {
+      n.changeLanguage(a.target.value || "en");
+    },
+    [n]
+  );
+  return /* @__PURE__ */ o("div", { className: u.lang, children: [
+    /* @__PURE__ */ e(
+      s,
+      {
+        value: n.language,
+        onChange: l,
+        variant: "outlined",
+        "data-testid": "select-lang",
+        inputProps: { "aria-label": t("app.language", { ns: "common" }) },
+        children: c.map((a) => /* @__PURE__ */ e(
+          "option",
+          {
+            value: a.name,
+            children: a.label
+          },
+          a.name
+        ))
+      }
+    ),
+    /* @__PURE__ */ e(h, {})
+  ] });
+}
+export {
+  p as LANGS,
+  M as default
+};

package/dist/components/Loading/Loading.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+interface Props extends PropsWithChildren {
+    loading: boolean;
+    message?: string;
+}
+export default function Loading({ loading, children, message }: Props): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import('react').ReactNode> | null | undefined;
+export {};

package/dist/components/Loading/Loading.js

@@ -0,0 +1,15 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import a from "../Spinner/Spinner.js";
+import s from "../AlertPara/AlertPara.js";
+import '../../assets/Loading.css';const c = "_container_1rls9_3", e = {
+  container: c
+};
+function f({ loading: i, children: o, message: n }) {
+  return i ? /* @__PURE__ */ t("div", { className: e.container, children: [
+    /* @__PURE__ */ r(a, {}),
+    n && /* @__PURE__ */ r("div", { className: e.message, children: /* @__PURE__ */ r(s, { severity: "info", children: n }) })
+  ] }) : o;
+}
+export {
+  f as default
+};

package/dist/components/Motd/Motd.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as u } from "react/jsx-runtime";
 import { useState as l, useEffect as d, useMemo as m } from "react";
-import { c as _ } from "../../createSvgIcon-BfF8yuCp.js";
+import { c as _ } from "../../createSvgIcon-DmrVEdN7.js";
 import { IconButton as a } from "@mui/material";
 import '../../assets/Motd.css';const g = "#e04f66", h = "#fd9d32", b = "#e8f0fe", j = "_motd_1rn2j_3", v = "_info_1rn2j_15 _motd_1rn2j_3", w = "_warn_1rn2j_21 _motd_1rn2j_3", C = "_error_1rn2j_26 _motd_1rn2j_3", M = {
   bgColourful3: g,

package/dist/components/PercentageBar/PercentageBar.d.ts

@@ -0,0 +1,7 @@
+export type Colours = 'purple' | 'green' | 'blue' | 'red' | 'orange';
+interface Props {
+    colour: Colours;
+    value: number;
+}
+export default function PercentageBar({ colour, value }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/PercentageBar/PercentageBar.js

@@ -0,0 +1,37 @@
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import '../../assets/PercentageBar.css';const _ = "_outer_1pzwa_1", n = "_orange_1pzwa_8", l = "_progress_1pzwa_11", p = "_purple_1pzwa_15", c = "_blue_1pzwa_22", u = "_green_1pzwa_29", d = "_red_1pzwa_36", g = "_label_1pzwa_53", e = {
+  outer: _,
+  orange: n,
+  progress: l,
+  purple: p,
+  blue: c,
+  green: u,
+  red: d,
+  label: g
+};
+function i({ colour: s, value: t }) {
+  const r = Math.round(t);
+  return /* @__PURE__ */ a("div", { className: `${e.outer} ${e[s]}`, children: [
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: `${e.progress} ${e[s]}`,
+        style: { width: `${r}%` }
+      }
+    ),
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: e.label,
+        style: { width: `${r}%` },
+        children: [
+          r,
+          "%"
+        ]
+      }
+    )
+  ] });
+}
+export {
+  i as default
+};

package/dist/components/PieScore/PieScore.d.ts

@@ -0,0 +1,6 @@
+interface Props {
+    value: number;
+    color?: 'primary' | 'grey';
+}
+export default function PieScore({ value, color }: Props): import("react/jsx-runtime").JSX.Element;
+export {};