@cccsaurora/clue-ui 1.0.0-dev.48 → 1.0.0

package/components/AnnotationDetails.js

@@ -1,150 +1,136 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { I as Icon } from "../iconify-CXMreGTg.js";
-import { useTheme, Stack, Typography, Tooltip, Box, IconButton, CircularProgress, Chip, Accordion, AccordionSummary, AccordionDetails, Divider } from "@mui/material";
-import Iconified from "./display/icons/Iconified.js";
-import { SNACKBAR_EVENT_ID } from "../data/event.js";
-import { ClueComponentContext } from "../hooks/ClueComponentContext.js";
-import { useClueEnrichSelector } from "../hooks/selectors.js";
-import useAnnotations from "../hooks/useAnnotations.js";
-import useErrors from "../hooks/useErrors.js";
-import { ICON_MAP } from "../icons/iconMap.js";
-import { safeDispatchEvent } from "../utils/window.js";
-import { memo, useState, useMemo, useCallback, useEffect } from "react";
-import { u as useContextSelector } from "../index-BDVjGvMI.js";
-import ExecutePopover from "./actions/ExecutePopover.js";
-import AnnotationEntry from "./AnnotationEntry.js";
-import ClassificationChip from "./ClassificationChip.js";
-import EnrichPopover from "./enrichment/EnrichPopover.js";
-import { u as uniq } from "../ClueEnrichContext-m-4vn9rz.js";
-import { g as groupBy } from "../groupBy-DC2oOuBN.js";
-import { i as isNull } from "../isUndefined-CE8h73dH.js";
-const AnnotationDetails = ({ enrichRequest, setReady, updatePosition }) => {
-  const theme = useTheme();
-  const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx.i18next);
-  const [filter, setFilter] = useState("all");
-  const enrich = useClueEnrichSelector((state) => state.enrich);
-  const [annotations, loading] = useAnnotations(
-    enrichRequest == null ? void 0 : enrichRequest.type,
-    enrichRequest == null ? void 0 : enrichRequest.value,
-    enrichRequest == null ? void 0 : enrichRequest.classification,
-    { skipEnrichment: true }
-  );
-  const errors = useErrors(enrichRequest == null ? void 0 : enrichRequest.value);
-  const options = useMemo(
-    () => ["all", ...uniq((annotations ?? []).map((annotation) => annotation.type))],
-    [annotations]
-  );
-  const annotationsByType = useMemo(() => groupBy(annotations ?? [], "type"), [annotations]);
-  const forceEnrich = useCallback(async () => {
-    await enrich(enrichRequest.type, enrichRequest.value, {
-      classification: enrichRequest.classification,
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import { I as E } from "../iconify-BBckr5AQ.js";
+import { useTheme as M, Stack as l, Typography as s, Tooltip as x, Box as z, IconButton as A, CircularProgress as N, Chip as S, Accordion as $, AccordionSummary as j, AccordionDetails as _, Divider as u } from "@mui/material";
+import g from "./display/icons/Iconified.js";
+import { SNACKBAR_EVENT_ID as O } from "../data/event.js";
+import { ClueComponentContext as F } from "../hooks/ClueComponentContext.js";
+import { useClueEnrichSelector as H } from "../hooks/selectors.js";
+import K from "../hooks/useAnnotations.js";
+import L from "../hooks/useErrors.js";
+import { ICON_MAP as T } from "../icons/iconMap.js";
+import { safeDispatchEvent as U } from "../utils/window.js";
+import { memo as V, useState as W, useMemo as k, useCallback as G, useEffect as J } from "react";
+import { u as P } from "../index-E7g8cRyW.js";
+import Q from "./actions/ExecutePopover.js";
+import X from "./AnnotationEntry.js";
+import Y from "./ClassificationChip.js";
+import Z from "./enrichment/EnrichPopover.js";
+import { u as q } from "../ClueEnrichContext-CbJVBm4w.js";
+import { g as R } from "../groupBy-BheQYl6f.js";
+import { i as w } from "../isUndefined-DiNCDKoz.js";
+const ii = ({ enrichRequest: o, setReady: d, updatePosition: p }) => {
+  const v = M(), { t: c } = P(F, (a) => a.i18next), [r, I] = W("all"), y = H((a) => a.enrich), [t, C] = K(
+    o == null ? void 0 : o.type,
+    o == null ? void 0 : o.value,
+    o == null ? void 0 : o.classification,
+    { skipEnrichment: !0 }
+  ), m = L(o == null ? void 0 : o.value), B = k(
+    () => ["all", ...q((t ?? []).map((a) => a.type))],
+    [t]
+  ), b = k(() => R(t ?? [], "type"), [t]), h = G(async () => {
+    await y(o.type, o.value, {
+      classification: o.classification,
       timeout: 15,
-      force: true
+      force: !0
     });
-  }, [enrichRequest, enrich]);
-  useEffect(() => {
-    if (!setReady) {
-      return;
-    }
-    setReady(enrichRequest && !isNull(annotations));
-    updatePosition == null ? void 0 : updatePosition();
-  }, [annotations, enrichRequest, setReady, updatePosition]);
-  return enrichRequest && !isNull(annotations) && /* @__PURE__ */ jsxs(Stack, { direction: "column", sx: { p: 1, width: "100%" }, spacing: 1, children: [
-    /* @__PURE__ */ jsxs(Stack, { spacing: 1, children: [
-      /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
-        /* @__PURE__ */ jsxs(Stack, { children: [
-          /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "body1", fontWeight: "bold", children: "Clue" }),
-            enrichRequest.classification && /* @__PURE__ */ jsx(ClassificationChip, { size: "small", classification: enrichRequest.classification })
+  }, [o, y]);
+  return J(() => {
+    d && (d(o && !w(t)), p == null || p());
+  }, [t, o, d, p]), o && !w(t) && /* @__PURE__ */ n(l, { direction: "column", sx: { p: 1, width: "100%" }, spacing: 1, children: [
+    /* @__PURE__ */ n(l, { spacing: 1, children: [
+      /* @__PURE__ */ n(l, { direction: "row", spacing: 1, children: [
+        /* @__PURE__ */ n(l, { children: [
+          /* @__PURE__ */ n(l, { direction: "row", spacing: 1, children: [
+            /* @__PURE__ */ i(s, { variant: "body1", fontWeight: "bold", children: "Clue" }),
+            o.classification && /* @__PURE__ */ i(Y, { size: "small", classification: o.classification })
           ] }),
-          /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.secondary", children: [
-            enrichRequest.type.toLocaleUpperCase(),
+          /* @__PURE__ */ n(s, { variant: "caption", color: "text.secondary", children: [
+            o.type.toLocaleUpperCase(),
             " ",
-            t("enrichment")
+            c("enrichment")
           ] })
         ] }),
-        /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
-        /* @__PURE__ */ jsx(Tooltip, { title: t("refresh"), children: /* @__PURE__ */ jsx(Box, { sx: { alignSelf: "center", m: -1 }, children: /* @__PURE__ */ jsx(IconButton, { onClick: () => forceEnrich(), disabled: loading, children: loading ? /* @__PURE__ */ jsx(CircularProgress, { variant: "indeterminate", size: 20 }) : /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-replay", fontSize: "small" }) }) }) }),
-        /* @__PURE__ */ jsx(Tooltip, { title: t("clipboard"), children: /* @__PURE__ */ jsx(
-          IconButton,
+        /* @__PURE__ */ i("div", { style: { flex: 1 } }),
+        /* @__PURE__ */ i(x, { title: c("refresh"), children: /* @__PURE__ */ i(z, { sx: { alignSelf: "center", m: -1 }, children: /* @__PURE__ */ i(A, { onClick: () => h(), disabled: C, children: C ? /* @__PURE__ */ i(N, { variant: "indeterminate", size: 20 }) : /* @__PURE__ */ i(g, { icon: "ic:baseline-replay", fontSize: "small" }) }) }) }),
+        /* @__PURE__ */ i(x, { title: c("clipboard"), children: /* @__PURE__ */ i(
+          A,
           {
             sx: { alignSelf: "center", m: -1 },
             onClick: () => {
-              navigator.clipboard.writeText(enrichRequest.value);
-              safeDispatchEvent(
-                new CustomEvent(SNACKBAR_EVENT_ID, {
+              navigator.clipboard.writeText(o.value), U(
+                new CustomEvent(O, {
                   detail: {
-                    message: `${enrichRequest.value} ${t("clipboard.success")}`,
+                    message: `${o.value} ${c("clipboard.success")}`,
                     level: "success"
                   }
                 })
               );
             },
-            children: /* @__PURE__ */ jsx(Iconified, { icon: "ic:outline-assignment", fontSize: "small" })
+            children: /* @__PURE__ */ i(g, { icon: "ic:outline-assignment", fontSize: "small" })
           }
         ) }),
-        /* @__PURE__ */ jsx(EnrichPopover, { selector: enrichRequest }),
-        /* @__PURE__ */ jsx(ExecutePopover, { selectors: [enrichRequest] })
+        /* @__PURE__ */ i(Z, { selector: o }),
+        /* @__PURE__ */ i(Q, { selectors: [o] })
       ] }),
-      /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 0.5, children: [
-        options.map((opt, id) => /* @__PURE__ */ jsx(
-          Chip,
+      /* @__PURE__ */ n(l, { direction: "row", spacing: 0.5, children: [
+        B.map((a, e) => /* @__PURE__ */ i(
+          S,
           {
             size: "small",
-            variant: opt === filter ? "filled" : "outlined",
-            icon: ICON_MAP[opt] && /* @__PURE__ */ jsx(Icon, { icon: ICON_MAP[opt] }),
-            label: /* @__PURE__ */ jsxs(Typography, { variant: "caption", textTransform: "capitalize", children: [
-              opt,
+            variant: a === r ? "filled" : "outlined",
+            icon: T[a] && /* @__PURE__ */ i(E, { icon: T[a] }),
+            label: /* @__PURE__ */ n(s, { variant: "caption", textTransform: "capitalize", children: [
+              a,
               ":",
               " ",
-              opt === "all" ? annotations.length : annotations.filter((annotation) => annotation.type === opt).length
+              a === "all" ? t.length : t.filter((f) => f.type === a).length
             ] }),
-            onClick: () => setFilter(opt)
+            onClick: () => I(a)
           },
-          id
+          e
         )),
-        (errors == null ? void 0 : errors.length) > 0 && /* @__PURE__ */ jsx(
-          Tooltip,
+        (m == null ? void 0 : m.length) > 0 && /* @__PURE__ */ i(
+          x,
           {
-            title: /* @__PURE__ */ jsx("div", { onClick: (e) => e.stopPropagation(), children: errors.map((err, err_id) => /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("span", { style: { textTransform: "capitalize" }, children: err.source.replace(/-/g, " ") }),
+            title: /* @__PURE__ */ i("div", { onClick: (a) => a.stopPropagation(), children: m.map((a, e) => /* @__PURE__ */ n("div", { children: [
+              /* @__PURE__ */ i("span", { style: { textTransform: "capitalize" }, children: a.source.replace(/-/g, " ") }),
               ":",
               " ",
-              err.message
-            ] }, err_id)) }),
-            children: /* @__PURE__ */ jsx(
-              Chip,
+              a.message
+            ] }, e)) }),
+            children: /* @__PURE__ */ i(
+              S,
               {
                 size: "small",
                 variant: "outlined",
-                icon: /* @__PURE__ */ jsx(Icon, { icon: "material-symbols:timer-outline", color: theme.palette.error.main }),
-                label: /* @__PURE__ */ jsxs(Typography, { variant: "caption", textTransform: "capitalize", children: [
-                  t("annotation.failed"),
+                icon: /* @__PURE__ */ i(E, { icon: "material-symbols:timer-outline", color: v.palette.error.main }),
+                label: /* @__PURE__ */ n(s, { variant: "caption", textTransform: "capitalize", children: [
+                  c("annotation.failed"),
                   ": ",
-                  errors.length
+                  m.length
                 ] }),
-                onClick: forceEnrich
+                onClick: h
               }
             )
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsx(Box, {}),
-    Object.keys(annotationsByType).filter((type) => !filter || filter === "all" || type === filter).map((type, id) => /* @__PURE__ */ jsxs(
-      Accordion,
+    /* @__PURE__ */ i(z, {}),
+    Object.keys(b).filter((a) => !r || r === "all" || a === r).map((a, e) => /* @__PURE__ */ n(
+      $,
       {
-        defaultExpanded: true,
+        defaultExpanded: !0,
         sx: {
-          marginTop: `${theme.spacing(1)} !important`,
+          marginTop: `${v.spacing(1)} !important`,
           marginBottom: "0 !important",
           "&:before": { height: 0 }
         },
         children: [
-          filter === "all" && /* @__PURE__ */ jsx(
-            AccordionSummary,
+          r === "all" && /* @__PURE__ */ i(
+            j,
             {
-              expandIcon: /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-arrow-drop-down" }),
+              expandIcon: /* @__PURE__ */ i(g, { icon: "ic:baseline-arrow-drop-down" }),
               sx: {
                 minHeight: "initial !important",
                 mt: 0.5,
@@ -153,20 +139,19 @@ const AnnotationDetails = ({ enrichRequest, setReady, updatePosition }) => {
                 "& .MuiAccordionSummary-content": { my: 0.5, mx: 0 },
                 "& .MuiAccordionSummary-content.Mui-expanded": { my: 0.5, mx: 0 }
               },
-              children: /* @__PURE__ */ jsx(Typography, { variant: "body1", textTransform: "capitalize", children: type }, type)
+              children: /* @__PURE__ */ i(s, { variant: "body1", textTransform: "capitalize", children: a }, a)
             }
           ),
-          /* @__PURE__ */ jsxs(AccordionDetails, { sx: { px: 1 }, children: [
-            filter === "all" && /* @__PURE__ */ jsx(Divider, { orientation: "horizontal", sx: { mb: 1 } }),
-            /* @__PURE__ */ jsx(Stack, { spacing: 1, divider: /* @__PURE__ */ jsx(Divider, { orientation: "horizontal", flexItem: true }), children: annotationsByType[type].map((annotation, ann_id) => /* @__PURE__ */ jsx(AnnotationEntry, { annotation }, ann_id)) })
+          /* @__PURE__ */ n(_, { sx: { px: 1 }, children: [
+            r === "all" && /* @__PURE__ */ i(u, { orientation: "horizontal", sx: { mb: 1 } }),
+            /* @__PURE__ */ i(l, { spacing: 1, divider: /* @__PURE__ */ i(u, { orientation: "horizontal", flexItem: !0 }), children: b[a].map((f, D) => /* @__PURE__ */ i(X, { annotation: f }, D)) })
           ] })
         ]
       },
-      id
+      e
     ))
   ] });
-};
-const AnnotationDetails$1 = memo(AnnotationDetails);
+}, Ei = V(ii);
 export {
-  AnnotationDetails$1 as default
+  Ei as default
 };

package/components/AnnotationEntry.js

@@ -1,59 +1,56 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { I as Icon } from "../iconify-CXMreGTg.js";
-import { Stack, Typography, Chip, IconButton } from "@mui/material";
-import Iconified from "./display/icons/Iconified.js";
-import { t as twitterShort } from "../utils-CxIhC2xH.js";
-import { memo } from "react";
-import AnnotationBody from "./AnnotationBody.js";
-import ClassificationChip from "./ClassificationChip.js";
-const AnnotatonEntry = ({ annotation }) => {
-  return /* @__PURE__ */ jsxs(Stack, { direction: "column", spacing: 1, children: [
-    /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
-      annotation.analytic_icon && /* @__PURE__ */ jsx(
-        Icon,
-        {
-          style: { alignSelf: "center", filter: "drop-shadow(0px 0px 1px rgb(0 0 0 / 0.4))" },
-          icon: annotation.analytic_icon
-        }
-      ),
-      /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { textTransform: "capitalize", maxWidth: "275px" }, children: annotation.analytic ?? annotation.author }),
-      annotation.quantity > 1 && /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.secondary", children: [
-        "(x",
-        annotation.quantity,
-        ")"
-      ] }),
-      /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
-      annotation.version && /* @__PURE__ */ jsx(Chip, { size: "small", label: /* @__PURE__ */ jsxs(Fragment, { children: [
-        "v",
-        annotation.version.replace(/^v/, "")
-      ] }) }),
-      annotation.link && /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          component: "a",
-          href: annotation.link,
-          onClick: () => window.open(annotation.link, "_blank", "noreferrer"),
-          target: "_blank",
-          rel: "noreferrer",
-          size: "small",
-          children: /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-open-in-new", fontSize: "small" })
-        }
-      ),
-      annotation.classification && /* @__PURE__ */ jsx(ClassificationChip, { size: "small", classification: annotation.classification })
+import { jsxs as i, jsx as e, Fragment as t } from "react/jsx-runtime";
+import { I as o } from "../iconify-BBckr5AQ.js";
+import { Stack as l, Typography as c, Chip as s, IconButton as n } from "@mui/material";
+import a from "./display/icons/Iconified.js";
+import { t as m } from "../utils-C_RX5uMP.js";
+import { memo as p } from "react";
+import d from "./AnnotationBody.js";
+import f from "./ClassificationChip.js";
+const y = ({ annotation: r }) => /* @__PURE__ */ i(l, { direction: "column", spacing: 1, children: [
+  /* @__PURE__ */ i(l, { direction: "row", spacing: 1, alignItems: "center", children: [
+    r.analytic_icon && /* @__PURE__ */ e(
+      o,
+      {
+        style: { alignSelf: "center", filter: "drop-shadow(0px 0px 1px rgb(0 0 0 / 0.4))" },
+        icon: r.analytic_icon
+      }
+    ),
+    /* @__PURE__ */ e(c, { variant: "body1", sx: { textTransform: "capitalize", maxWidth: "275px" }, children: r.analytic ?? r.author }),
+    r.quantity > 1 && /* @__PURE__ */ i(c, { variant: "caption", color: "text.secondary", children: [
+      "(x",
+      r.quantity,
+      ")"
     ] }),
-    /* @__PURE__ */ jsx(AnnotationBody, { annotation }),
-    /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: annotation.summary }),
-    /* @__PURE__ */ jsxs(Stack, { direction: "row", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", fontSize: "10px", children: twitterShort(annotation.timestamp) }),
-      /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
-      !!annotation.latency && /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.secondary", fontSize: "10px", children: [
-        Math.round(annotation.latency),
-        "ms"
-      ] })
+    /* @__PURE__ */ e("div", { style: { flex: 1 } }),
+    r.version && /* @__PURE__ */ e(s, { size: "small", label: /* @__PURE__ */ i(t, { children: [
+      "v",
+      r.version.replace(/^v/, "")
+    ] }) }),
+    r.link && /* @__PURE__ */ e(
+      n,
+      {
+        component: "a",
+        href: r.link,
+        onClick: () => window.open(r.link, "_blank", "noreferrer"),
+        target: "_blank",
+        rel: "noreferrer",
+        size: "small",
+        children: /* @__PURE__ */ e(a, { icon: "ic:baseline-open-in-new", fontSize: "small" })
+      }
+    ),
+    r.classification && /* @__PURE__ */ e(f, { size: "small", classification: r.classification })
+  ] }),
+  /* @__PURE__ */ e(d, { annotation: r }),
+  /* @__PURE__ */ e(c, { variant: "caption", color: "text.secondary", children: r.summary }),
+  /* @__PURE__ */ i(l, { direction: "row", children: [
+    /* @__PURE__ */ e(c, { variant: "caption", color: "text.secondary", fontSize: "10px", children: m(r.timestamp) }),
+    /* @__PURE__ */ e("div", { style: { flex: 1 } }),
+    !!r.latency && /* @__PURE__ */ i(c, { variant: "caption", color: "text.secondary", fontSize: "10px", children: [
+      Math.round(r.latency),
+      "ms"
     ] })
-  ] });
-};
-const AnnotationEntry = memo(AnnotatonEntry);
+  ] })
+] }), b = p(y);
 export {
-  AnnotationEntry as default
+  b as default
 };

package/components/AnnotationPreview.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
-import "../iconify-CXMreGTg.js";
+import "../iconify-BBckr5AQ.js";
 import "@mui/material";
-import { A } from "../AnnotationPreview-BvNpZOP0.js";
+import { A as d } from "../AnnotationPreview-DWRDhxUB.js";
 import "../hooks/useAnnotations.js";
-import "../utils-CxIhC2xH.js";
+import "../utils-C_RX5uMP.js";
 import "react";
-import "../index-BDVjGvMI.js";
+import "../index-E7g8cRyW.js";
 export {
-  A as default
+  d as default
 };

package/components/ClassificationChip.js

@@ -1,52 +1,31 @@
-import { jsx } from "react/jsx-runtime";
-import { Tooltip, Chip } from "@mui/material";
-import useClueConfig from "../hooks/useClueConfig.js";
-import { getParts, normalizedClassification } from "../utils/classificationParser.js";
-import React__default, { useMemo, memo } from "react";
-const THEME_TYPES = ["default", "primary", "secondary", "error", "info", "success", "warning"];
-const ClassificationChip = React__default.memo(
-  ({ classification, ...otherProps }) => {
-    var _a, _b;
-    const { config } = useClueConfig();
-    const parts = useMemo(() => {
-      if (!config.c12nDef) {
-        return null;
-      }
-      return getParts(classification, config.c12nDef, "short", true);
-    }, [classification, config.c12nDef]);
-    const normalized = useMemo(() => {
-      if (!config.c12nDef || !parts) {
-        return classification;
-      }
-      return normalizedClassification(parts, config.c12nDef, "short", true);
-    }, [classification, config.c12nDef, parts]);
-    const chipProps = useMemo(() => {
-      var _a2, _b2, _c;
-      const definedColor = (_c = (_b2 = config.c12nDef) == null ? void 0 : _b2.levels_styles_map[(_a2 = config.c12nDef) == null ? void 0 : _a2.levels_map[parts.lvlIdx]]) == null ? void 0 : _c.color;
-      if (THEME_TYPES.includes(definedColor)) {
-        return { color: definedColor };
-      }
-      if (definedColor) {
-        return { sx: { color: definedColor } };
-      }
-      return { color: "default" };
-    }, [(_a = config.c12nDef) == null ? void 0 : _a.levels_map, (_b = config.c12nDef) == null ? void 0 : _b.levels_styles_map, parts.lvlIdx]);
-    return /* @__PURE__ */ jsx(Tooltip, { title: classification, children: /* @__PURE__ */ jsx(
-      Chip,
+import { jsx as u } from "react/jsx-runtime";
+import { Tooltip as p, Chip as x } from "@mui/material";
+import D from "../hooks/useClueConfig.js";
+import { getParts as C, normalizedClassification as _ } from "../utils/classificationParser.js";
+import v, { useMemo as s, memo as y } from "react";
+const g = ["default", "primary", "secondary", "error", "info", "success", "warning"], A = v.memo(
+  ({ classification: r, ...n }) => {
+    var i, f;
+    const { config: e } = D(), t = s(() => e.c12nDef ? C(r, e.c12nDef, "short", !0) : null, [r, e.c12nDef]), d = s(() => !e.c12nDef || !t ? r : _(t, e.c12nDef, "short", !0), [r, e.c12nDef, t]), o = s(() => {
+      var c, a, m;
+      const l = (m = (a = e.c12nDef) == null ? void 0 : a.levels_styles_map[(c = e.c12nDef) == null ? void 0 : c.levels_map[t.lvlIdx]]) == null ? void 0 : m.color;
+      return g.includes(l) ? { color: l } : l ? { sx: { color: l } } : { color: "default" };
+    }, [(i = e.c12nDef) == null ? void 0 : i.levels_map, (f = e.c12nDef) == null ? void 0 : f.levels_styles_map, t.lvlIdx]);
+    return /* @__PURE__ */ u(p, { title: r, children: /* @__PURE__ */ u(
+      x,
       {
-        variant: otherProps.variant || "outlined",
-        label: normalized,
-        ...chipProps,
-        ...otherProps,
+        variant: n.variant || "outlined",
+        label: d,
+        ...o,
+        ...n,
         sx: [
-          ...Array.isArray(chipProps.sx) ? chipProps.sx : [chipProps.sx],
-          ...Array.isArray(otherProps.sx) ? otherProps.sx : [otherProps.sx]
+          ...Array.isArray(o.sx) ? o.sx : [o.sx],
+          ...Array.isArray(n.sx) ? n.sx : [n.sx]
         ]
       }
     ) });
   }
-);
-const ClassificationChip$1 = memo(ClassificationChip);
+), M = y(A);
 export {
-  ClassificationChip$1 as default
+  M as default
 };

package/components/CountBadge.js

@@ -1,34 +1,29 @@
-import { jsx } from "react/jsx-runtime";
-import { Badge } from "@mui/material";
-import { forwardRef, cloneElement, Children } from "react";
-const CountBadge = forwardRef(({ children, color = "primary", count, disabled, ...props }, ref) => {
-  if (disabled) {
-    return cloneElement(Children.only(children), { ref, ...props });
+import { jsx as m } from "react/jsx-runtime";
+import { Badge as l } from "@mui/material";
+import { forwardRef as d, cloneElement as f, Children as g } from "react";
+const b = d(({ children: r, color: a = "primary", count: t, disabled: n, ...e }, o) => n ? f(g.only(r), { ref: o, ...e }) : /* @__PURE__ */ m(
+  l,
+  {
+    ref: o,
+    ...e,
+    badgeContent: t < 100 ? t : "99+",
+    color: a,
+    sx: (i) => ({
+      "& .MuiBadge-badge": {
+        backgroundColor: "transparent",
+        color: i.palette[a].main,
+        fontWeight: "bold",
+        right: 0,
+        top: 0,
+        transform: `translateY(-25%) translateX(${Math.min(Math.ceil(Math.log10(t)), 3) * 10}%)`,
+        px: 0,
+        fontSize: ".85rem"
+      },
+      pr: 1.5
+    }),
+    children: r
   }
-  return /* @__PURE__ */ jsx(
-    Badge,
-    {
-      ref,
-      ...props,
-      badgeContent: count < 100 ? count : "99+",
-      color,
-      sx: (theme) => ({
-        "& .MuiBadge-badge": {
-          backgroundColor: "transparent",
-          color: theme.palette[color].main,
-          fontWeight: "bold",
-          right: 0,
-          top: 0,
-          transform: `translateY(-25%) translateX(${Math.min(Math.ceil(Math.log10(count)), 3) * 10}%)`,
-          px: 0,
-          fontSize: ".85rem"
-        },
-        pr: 1.5
-      }),
-      children
-    }
-  );
-});
+));
 export {
-  CountBadge as default
+  b as default
 };