@hybridcore/ui 1.5.89 → 1.6.0

package/dist/components/heat-map/styled.js

@@ -0,0 +1,32 @@
+import { styled as o, Paper as a, Box as t } from "@mui/material";
+const r = o(a, {
+  name: "HCHeatMap",
+  slot: "Root",
+  shouldForwardProp: (e) => e !== "ownerState"
+})(() => ({
+  height: "100%",
+  display: "flex",
+  flexDirection: "column"
+})), l = o(t, {
+  name: "HCHeatMap",
+  slot: "Header",
+  shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
+  flex: "0 0 auto",
+  padding: e.spacing(1.25, 2)
+})), p = o(t, {
+  name: "HCHeatMap",
+  slot: "Content",
+  shouldForwardProp: (e) => e !== "ownerState"
+})(() => ({
+  position: "relative",
+  display: "flex",
+  flexDirection: "column",
+  flex: "1 1 auto",
+  minHeight: 0
+}));
+export {
+  p as HeatMapContent,
+  l as HeatMapHeader,
+  r as HeatMapRoot
+};

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

@@ -1,18 +1,25 @@
-import { jsx as t } from "react/jsx-runtime";
-import { VerticalButton as m, MiniButton as c } from "./styled.js";
-import { I as e } from "../../IconButton-DJ-31-Fd.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 });
+import { jsx as n } from "react/jsx-runtime";
+import { useIconButtonLogic as m } from "./logic.js";
+import { VerticalRoot as l, MiniRoot as u, DefaultRoot as f } from "./styled.js";
+const x = (i) => {
+  const { state: e } = m(i), { ownerState: t, variant: c } = e, { startIcon: a, children: o, variant: v, ...r } = i;
+  if (c === "vertical")
+    return /* @__PURE__ */ n(l, { ownerState: t, ...r, children: o });
+  if (c === "mini") {
+    const { color: R, ...s } = r;
+    return /* @__PURE__ */ n(
+      u,
+      {
+        ownerState: t,
+        color: "inherit",
+        startIcon: a,
+        ...s,
+        children: o
+      }
+    );
+  }
+  return /* @__PURE__ */ n(f, { ownerState: t, ...r, children: o });
 };
 export {
-  a as IconButton
+  x as IconButton
 };

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

@@ -0,0 +1,15 @@
+import { useThemeProps as s } from "@mui/material";
+const c = (n) => {
+  const t = s({ props: n, name: "HCIconButton" }), { variant: o = "default" } = t, e = {
+    ...t,
+    variant: o
+  };
+  return {
+    refs: {},
+    state: { ownerState: e, variant: o },
+    actions: {}
+  };
+};
+export {
+  c as useIconButtonLogic
+};

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

@@ -1,11 +1,19 @@
-import { styled as o, ButtonBase as n, Button as a } from "@mui/material";
-const r = o(n)(({ theme: t, color: i }) => ({
+import { styled as i, IconButton as r, ButtonBase as a, Button as l } from "@mui/material";
+const n = (o) => o !== "ownerState", c = i(r, {
+  name: "HCIconButton",
+  slot: "root",
+  shouldForwardProp: n
+})({}), s = i(a, {
+  name: "HCIconButton",
+  slot: "verticalRoot",
+  shouldForwardProp: n
+})(({ ownerState: o, theme: t }) => ({
   position: "relative",
   display: "flex",
   flexDirection: "column",
   width: 130,
   height: 140,
-  color: i ? t.palette.text.primary : "inherit",
+  color: o.color ? t.palette.text.primary : "inherit",
   borderRadius: 10,
   transition: "all .3s",
   "&:after": {
@@ -15,15 +23,14 @@ const r = o(n)(({ theme: t, color: i }) => ({
     left: 30,
     right: 30,
     height: 2,
-    // @ts-ignore
-    backgroundColor: i ? t.palette[i].dark : "inherit",
+    backgroundColor: o.color && o.color !== "inherit" && o.color !== "default" ? t.palette[o.color].dark : "inherit",
     borderRadius: 2,
     opacity: 0,
     transition: "all .3s"
   },
   "&:hover": {
     boxShadow: t.shadows[4],
-    color: i ? t.palette.text.primary : "inherit",
+    color: o.color ? t.palette.text.primary : "inherit",
     "&:after": {
       opacity: 1
     }
@@ -31,11 +38,15 @@ const r = o(n)(({ theme: t, color: i }) => ({
   "& .MuiSvgIcon-root": {
     fontSize: 50
   }
-})), s = o(a)(({ theme: t }) => ({
+})), d = i(l, {
+  name: "HCIconButton",
+  slot: "miniRoot",
+  shouldForwardProp: n
+})(({ theme: o }) => ({
   fontSize: 10,
   padding: "2px 6px",
   minWidth: "auto",
-  boxShadow: t.shadows[1],
+  boxShadow: o.shadows[1],
   "& .MuiButton-startIcon": {
     marginRight: 0.25,
     "&  > :nth-of-type(1)": {
@@ -44,6 +55,7 @@ const r = o(n)(({ theme: t, color: i }) => ({
   }
 }));
 export {
-  s as MiniButton,
-  r as VerticalButton
+  c as DefaultRoot,
+  d as MiniRoot,
+  s as VerticalRoot
 };

package/dist/components/instance-form/components/composite-list/index.js

@@ -6,7 +6,7 @@ import "lodash";
 import "react";
 import "../../../../hooks/useToggle.js";
 import "../../../conditional-wrapper/index.js";
-import { C as s } from "../../../../index-CGNxsLVm.js";
+import { C as s } from "../../../../index-CcdvNlgr.js";
 import "./styled.js";
 export {
   s as default

package/dist/components/instance-form/components/composite-matrix/components/json-editor/index.js

@@ -1,6 +1,7 @@
 import { jsxs as io, jsx as Ii } from "react/jsx-runtime";
-import { c as Ne, a as na, p as qi } from "../../../../../../index-DMSHuq6l.js";
-import er, { useState as ro } from "react";
+import { c as Ne, a as na } from "../../../../../../_commonjsHelpers-BVfed4GL.js";
+import qi, { useState as ro } from "react";
+import { p as er } from "../../../../../../index-C__OZmYy.js";
 import { Alert as ia, AlertTitle as ra, Box as oa } from "@mui/material";
 import { FlexCol as sa } from "../../../../../flex-col/index.js";
 var Bi = { exports: {} }, Po = {}, gt = {}, vn = {}, Bn = {}, me = {}, zn = {};
@@ -18527,7 +18528,7 @@ var Cu = Ne && Ne.__extends || /* @__PURE__ */ function() {
   }, Xi.apply(this, arguments);
 };
 Object.defineProperty(jr, "__esModule", { value: !0 });
-var _u = vi, ae = qi, To = er, ai = Es, pn = pt, ko = (0, pn.getAceInstance)(), Au = (
+var _u = vi, ae = er, To = qi, ai = Es, pn = pt, ko = (0, pn.getAceInstance)(), Au = (
   /** @class */
   function(u) {
     Cu(f, u);
@@ -19067,7 +19068,7 @@ var Cd = Sd, _d = Ne && Ne.__extends || /* @__PURE__ */ function() {
   }, Ji.apply(this, arguments);
 };
 Object.defineProperty(_i, "__esModule", { value: !0 });
-var Xt = pt, zi = (0, Xt.getAceInstance)(), Ad = vi, Ed = Eu, le = qi, Oo = er, Hi = Es, kt = Cd, Md = (
+var Xt = pt, zi = (0, Xt.getAceInstance)(), Ad = vi, Ed = Eu, le = er, Oo = qi, Hi = Es, kt = Cd, Md = (
   /** @class */
   function(u) {
     _d(f, u);
@@ -19931,7 +19932,7 @@ var Td = Ns.exports, kd = Ne && Ne.__extends || /* @__PURE__ */ function() {
   };
 }();
 Object.defineProperty(Ur, "__esModule", { value: !0 });
-var $e = qi, Do = er, Ld = _i, Rd = Td, xd = (
+var $e = er, Do = qi, Ld = _i, Rd = Td, xd = (
   /** @class */
   function(u) {
     kd(f, u);
@@ -20495,7 +20496,7 @@ const No = new yu({ allErrors: !0 }), Wd = {
       };
   return { valid: !0 };
 };
-function Gd({ data: u, onChange: f }) {
+function Kd({ data: u, onChange: f }) {
   const [h, g] = ro(JSON.stringify(u, null, 2)), [_, d] = ro(
     null
   ), m = No.compile(Wd), v = (s) => {
@@ -20547,5 +20548,5 @@ function Gd({ data: u, onChange: f }) {
   ] });
 }
 export {
-  Gd as default
+  Kd as default
 };

package/dist/components/instance-form/components/variable/index.js

@@ -3,20 +3,20 @@ import "@mui/icons-material";
 import "@mui/material";
 import "dayjs";
 import "lodash";
-import { V as k } from "../../../../index-CGNxsLVm.js";
+import { V as k } from "../../../../index-CcdvNlgr.js";
 import "../../../date-time-picker/index.js";
 import "../../../geometry-picker/index.js";
 import "../../../phone-input/index.js";
 import "../../../conditional-wrapper/index.js";
 import "../TopLabelWrapper.js";
 import "../composite-matrix/index.js";
-import "../../../../Box-B1AVyJ_s.js";
-import "../../../../TextField-BQ8a50fA.js";
-import "../../../../FormControlLabel-BrdX4R71.js";
-import "../../../../Checkbox-CrU2hpWB.js";
-import "../../../../InputLabel-CBuAYyuT.js";
-import "../../../../Select-t3ewnSdf.js";
-import "../../../../MenuItem-C6qlUyV3.js";
+import "../../../../Box-p6OtTUEo.js";
+import "../../../../TextField-1yCesIbH.js";
+import "../../../../FormControlLabel-C8SPv14J.js";
+import "../../../../Checkbox-CWRMFTBp.js";
+import "../../../../FormControl-BLbrq4C7.js";
+import "../../../../Select-BgYwkZgI.js";
+import "../../../../MenuItem-xZx_w7zA.js";
 export {
   k as default
 };

package/dist/components/instance-form/components/variables/index.js

@@ -1,6 +1,6 @@
 import { jsx as u, Fragment as I, jsxs as _ } from "react/jsx-runtime";
 import b from "react";
-import { V as g } from "../../../../index-CGNxsLVm.js";
+import { V as g } from "../../../../index-CcdvNlgr.js";
 import p from "lodash";
 import { Box as i } from "@mui/material";
 function C({

package/dist/components/instance-hierarchy-table/styled.js

@@ -1,5 +1,5 @@
 import { styled as r } from "@mui/material";
-import { A as e, a as i, b as n } from "../../AccordionDetails-DhriPVPP.js";
+import { A as e, a as i, b as n } from "../../AccordionSummary-DgAwVTk8.js";
 const c = r(e)(({ theme: o }) => ({
   borderBottom: `1px solid ${o.palette.divider}`,
   "&:before": {

package/dist/components/instance-variable-list/index.js

@@ -1,31 +1,36 @@
-import { jsx as m } from "react/jsx-runtime";
-import s from "lodash";
-import { useMemo as n } from "react";
-import h from "./variable.js";
-const $ = ({
-  template: r,
-  data: t,
-  fieldOptions: p
-}) => {
-  const a = n(() => {
-    let e = /* @__PURE__ */ new Map();
-    return r.properties.forEach((o) => {
-      const i = `${r.type}-${r.templateKey}-${o.propertyId}`;
-      e.set(i, o);
-    }), e;
-  }, [r]);
-  return s.keys(t.variables).map((e, o) => /* @__PURE__ */ m(
-    h,
-    {
-      type: e,
-      data: s.get(t.variables, e),
-      properties: a,
-      hashPrefix: `${t.template.type}-${t.template.templateKey}-`,
-      fieldOptions: p
-    },
-    o
-  ));
-};
+import { jsx as o, jsxs as h } from "react/jsx-runtime";
+import { useThemeProps as j, Divider as I } from "@mui/material";
+import { useMemo as v, Fragment as V } from "react";
+import { InstanceVariableListRoot as g } from "./styled.js";
+import { Variable as D } from "./variable.js";
+function F(a) {
+  const p = j({
+    props: a,
+    name: "HCInstanceVariableList"
+  }), {
+    variables: s,
+    template: r,
+    extraData: i = [],
+    disableDividers: m = !1,
+    sx: c,
+    ...f
+  } = p, l = v(() => {
+    const e = [...i];
+    if (!r) return e;
+    for (const [t, u] of Object.entries(s ?? {}))
+      for (const [x, y] of Object.entries(u ?? {})) {
+        const n = r.properties.find(
+          (d) => d.propertyId === x
+        );
+        n && e.push({ title: n.name, value: y, type: t });
+      }
+    return e;
+  }, [s, r, i]), b = c ?? { px: 2, py: 1, alignItems: "flex-start" };
+  return /* @__PURE__ */ o(g, { ...f, children: l.filter((e) => e.type !== "geometry").map((e, t) => /* @__PURE__ */ h(V, { children: [
+    !m && t > 0 && /* @__PURE__ */ o(I, {}),
+    /* @__PURE__ */ o(D, { ...e, sx: b })
+  ] }, t)) });
+}
 export {
-  $ as InstanceVariableList
+  F as InstanceVariableList
 };

package/dist/components/instance-variable-list/styled.js

@@ -1,33 +1,33 @@
-import { styled as a, Box as e, Typography as o } from "@mui/material";
-const i = a(e, {
-  name: "SNVariable",
-  slot: "root"
+import { styled as a, Box as e, Typography as t } from "@mui/material";
+const o = a(e, {
+  name: "HCInstanceVariableList",
+  slot: "Root"
 })({
   width: "100%"
-}), r = a(e, {
-  name: "SNVariable",
-  slot: "row"
+}), l = a(e, {
+  name: "HCInstanceVariableList",
+  slot: "Row"
 })({
   display: "flex"
-}), n = a(o, {
-  name: "SNVariable",
-  slot: "title"
-})(({ theme: l }) => ({
-  flex: 2,
+}), s = a(t, {
+  name: "HCInstanceVariableList",
+  slot: "Title"
+})(({ theme: i }) => ({
+  flex: 3,
   lineHeight: 1.43,
-  paddingRight: l.spacing(0.5),
+  paddingRight: i.spacing(0.5),
   fontSize: 12
-})), s = a(o, {
-  name: "SNVariable",
-  slot: "value"
+})), r = a(t, {
+  name: "HCInstanceVariableList",
+  slot: "Value"
 })(() => ({
-  flex: 3,
+  flex: 5,
   wordBreak: "break-word",
   fontSize: 12
 }));
 export {
-  i as VariableRoot,
-  r as VariableRow,
-  n as VariableTitle,
-  s as VariableValue
+  o as InstanceVariableListRoot,
+  l as VariableRow,
+  s as VariableTitle,
+  r as VariableValue
 };

package/dist/components/instance-variable-list/variable.js

@@ -1,37 +1,42 @@
-import { jsx as a, Fragment as x, jsxs as m } from "react/jsx-runtime";
-import { Box as i } from "@mui/material";
-import V from "dayjs";
-import Y from "lodash";
-import { VariableRoot as v, VariableRow as g, VariableTitle as h, VariableValue as f } from "./styled.js";
-const T = [
-  "string",
-  "boolean",
-  "date",
-  "byte",
-  "double",
-  "integer",
-  "long",
-  "enum",
-  "list",
-  "text",
-  "composite-list"
-], b = ({ title: e, value: r }) => /* @__PURE__ */ m(g, { children: [
-  /* @__PURE__ */ a(h, { variant: "subtitle2", children: e }),
-  /* @__PURE__ */ a(f, { variant: "body2", children: r })
-] }), j = ({ title: e, value: r }) => /* @__PURE__ */ a(b, { title: e, value: r }), D = ({ title: e, value: r }) => /* @__PURE__ */ a(b, { title: e, value: r ? "Yes" : "No" }), k = ({ title: e, value: r }) => {
-  const n = V(r).format("DD/MM/YYYY");
-  return /* @__PURE__ */ a(b, { title: e, value: n });
-}, B = ({ title: e, value: r }) => {
-  const n = (r ?? []).join(", ");
-  return /* @__PURE__ */ a(b, { title: e, value: n });
-}, E = ({ title: e, value: r }) => /* @__PURE__ */ m(g, { children: [
-  /* @__PURE__ */ a(h, { variant: "subtitle2", children: e }),
-  /* @__PURE__ */ a(f, { variant: "body2", children: /* @__PURE__ */ a("a", { href: r, target: "_blank", rel: "noopener noreferrer", children: r }) })
-] });
-function _(e, r, n, t) {
-  if (t != null && t.component) return t.component;
-  if (t != null && t.clickable) return /* @__PURE__ */ a(E, { title: n, value: r });
-  switch (e) {
+import { jsx as a, Fragment as h, jsxs as l } from "react/jsx-runtime";
+import i from "dayjs";
+import { VariableRow as u, VariableTitle as b, VariableValue as m } from "./styled.js";
+const o = ({ title: n, value: r, sx: e }) => /* @__PURE__ */ l(u, { sx: e, children: [
+  /* @__PURE__ */ a(b, { variant: "subtitle2", children: n }),
+  /* @__PURE__ */ a(m, { variant: "body2", children: r })
+] }), s = ({ title: n, value: r, sx: e }) => /* @__PURE__ */ a(o, { title: n, value: r, sx: e }), g = ({
+  title: n,
+  value: r,
+  sx: e
+}) => /* @__PURE__ */ a(o, { title: n, value: r ? "Yes" : "No", sx: e }), d = ({
+  title: n,
+  value: r,
+  sx: e
+}) => /* @__PURE__ */ a(o, { title: n, value: i(r).format("DD/MM/YYYY"), sx: e }), V = ({
+  title: n,
+  value: r,
+  sx: e
+}) => /* @__PURE__ */ a(o, { title: n, value: (r ?? []).join(", "), sx: e }), Y = ({ title: n, value: r, sx: e }) => /* @__PURE__ */ l(u, { sx: e, children: [
+  /* @__PURE__ */ a(b, { variant: "subtitle2", children: n }),
+  /* @__PURE__ */ a(m, { variant: "body2", children: /* @__PURE__ */ a("a", { href: r, target: "_blank", rel: "noopener noreferrer", children: r }) })
+] }), k = ({
+  type: n,
+  title: r,
+  value: e,
+  sx: t,
+  fieldOptions: c
+}) => {
+  if (n === "geometry") return null;
+  if (c != null && c.component) return /* @__PURE__ */ a(h, { children: c.component });
+  if (c != null && c.clickable) return /* @__PURE__ */ a(Y, { title: r, value: e, sx: t });
+  switch (n) {
+    case "boolean":
+      return /* @__PURE__ */ a(g, { title: r, value: e, sx: t });
+    case "date":
+      return /* @__PURE__ */ a(d, { title: r, value: e, sx: t });
+    case "list":
+    case "composite-list":
+      return /* @__PURE__ */ a(V, { title: r, value: e, sx: t });
     case "string":
     case "byte":
     case "double":
@@ -39,47 +44,12 @@ function _(e, r, n, t) {
     case "long":
     case "enum":
     case "text":
-      return /* @__PURE__ */ a(j, { title: n, value: r });
-    case "boolean":
-      return /* @__PURE__ */ a(D, { title: n, value: r });
-    case "date":
-      return /* @__PURE__ */ a(k, { title: n, value: r });
-    case "list":
-    case "composite-list":
-      return /* @__PURE__ */ a(B, { title: n, value: r });
+      return /* @__PURE__ */ a(s, { title: r, value: e, sx: t });
     default:
-      return null;
+      return /* @__PURE__ */ a(s, { title: r, value: String(e), sx: t });
   }
-}
-function R({
-  type: e,
-  data: r,
-  filter: n,
-  properties: t,
-  hashPrefix: d,
-  fieldOptions: s
-}) {
-  return e === "geometry" ? /* @__PURE__ */ a(x, {}) : /* @__PURE__ */ a(v, { children: Y.keys(r).filter((l) => {
-    var o;
-    const u = t.get(d + l);
-    return u && !u.visible || (o = s == null ? void 0 : s[l]) != null && o.hidden ? !1 : n === void 0 || n === "" || l.includes(n);
-  }).map((l, u) => {
-    const o = t.get(d + l), y = o ? o.name : "", c = s == null ? void 0 : s[l];
-    return T.includes(e) ? /* @__PURE__ */ m(
-      i,
-      {
-        mb: 1,
-        className: "variable",
-        ...(c == null ? void 0 : c.order) && { order: c.order },
-        children: [
-          _(e, r[l], y, c),
-          c == null ? void 0 : c.helperText
-        ]
-      },
-      u
-    ) : /* @__PURE__ */ a(i, {}, u);
-  }) });
-}
+};
 export {
-  R as default
+  k as Variable,
+  k as default
 };

package/dist/components/linear-indicator/index.js

@@ -1,71 +1,14 @@
-import { jsxs as p, jsx as t } from "react/jsx-runtime";
-import { useMemo as c } from "react";
-import { IndicatorRoot as w, IndicatorBarContainer as g, IndicatorBarBackground as $, IndicatorBar as m, IndicatorMiddleContainer as N, IndicatorMiddle as P } from "./styled.js";
-import i from "lodash";
-const R = ({
-  value: n,
-  positiveBarColor: o,
-  negativeBarColor: s,
-  middleColor: e,
-  barBgColor: h,
-  showPositive: b = !0,
-  showNegative: x,
-  showMiddle: I
-}) => {
-  const k = c(() => i.isArray(n) ? n.find((r) => r > 0) ?? 0 : n ?? 0, [n]), l = c(() => i.isArray(n) ? n.find((r) => r < 0) ?? 0 : n < 0 ? n : 0, [n]), a = (r) => {
-    let d = [];
-    const M = 100 / (r.length - 1);
-    return r.forEach((u, f) => {
-      if (f === 0) {
-        d.push(`${u} 0%`);
-        return;
-      }
-      if (f === r.length - 1) {
-        d.push(`${u} 100%`);
-        return;
-      }
-      d.push(`${u} ${M * f}%`);
-    }), d;
-  }, y = c(() => i.isArray(o) ? `linear-gradient(45deg, ${a(o).join(", ")})` : o, [o]), A = c(() => i.isArray(s) ? `linear-gradient(45deg, ${a(s).join(", ")})` : s, [s]), j = c(() => i.isArray(e) ? `radial-gradient(circle, ${a(e).join(", ")})` : e, [e]);
-  return /* @__PURE__ */ p(w, { children: [
-    x && /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(
-      $,
-      {
-        flexDirection: "row-reverse",
-        sx: {
-          background: h
-        },
-        children: /* @__PURE__ */ t(
-          m,
-          {
-            width: `${Math.abs(l)}%`,
-            sx: {
-              background: A
-            }
-          }
-        )
-      }
-    ) }),
-    I && /* @__PURE__ */ t(N, { children: /* @__PURE__ */ t(P, { sx: { background: j } }) }),
-    b && /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(
-      $,
-      {
-        sx: {
-          background: h
-        },
-        children: /* @__PURE__ */ t(
-          m,
-          {
-            width: `${k}%`,
-            sx: {
-              background: y
-            }
-          }
-        )
-      }
-    ) })
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { useLinearIndicatorLogic as c } from "./logic.js";
+import { IndicatorRoot as s, IndicatorBarContainer as t, IndicatorBarBackground as n, IndicatorBar as o, IndicatorMiddleContainer as h, IndicatorMiddle as l } from "./styled.js";
+const x = (i) => {
+  const { state: d } = c(i), { ownerState: r } = d;
+  return /* @__PURE__ */ a(s, { ownerState: r, sx: i.sx, children: [
+    i.showNegative && /* @__PURE__ */ e(t, { ownerState: r, children: /* @__PURE__ */ e(n, { ownerState: r, reverse: !0, children: /* @__PURE__ */ e(o, { ownerState: r, negative: !0 }) }) }),
+    i.showMiddle && /* @__PURE__ */ e(h, { ownerState: r, children: /* @__PURE__ */ e(l, { ownerState: r }) }),
+    (i.showPositive ?? !0) && /* @__PURE__ */ e(t, { ownerState: r, children: /* @__PURE__ */ e(n, { ownerState: r, children: /* @__PURE__ */ e(o, { ownerState: r }) }) })
   ] });
 };
 export {
-  R as LinearIndicator
+  x as LinearIndicator
 };

package/dist/components/linear-indicator/logic.js

@@ -0,0 +1,47 @@
+import { useThemeProps as $ } from "@mui/material";
+import i from "lodash";
+import { useMemo as a } from "react";
+const l = (s) => {
+  const t = [], r = 100 / (s.length - 1);
+  return s.forEach((o, e) => {
+    if (e === 0) {
+      t.push(`${o} 0%`);
+      return;
+    }
+    if (e === s.length - 1) {
+      t.push(`${o} 100%`);
+      return;
+    }
+    t.push(`${o} ${r * e}%`);
+  }), t;
+}, P = (s) => {
+  const t = $({ props: s, name: "HCLinearIndicator" }), {
+    value: r,
+    positiveBarColor: o,
+    negativeBarColor: e,
+    middleColor: c,
+    barBgColor: u,
+    showPositive: d = !0,
+    showNegative: g,
+    showMiddle: f
+  } = t, p = a(() => i.isArray(r) ? r.find((n) => n > 0) ?? 0 : r ?? 0, [r]), m = a(() => i.isArray(r) ? r.find((n) => n < 0) ?? 0 : r < 0 ? r : 0, [r]), v = a(() => i.isArray(o) ? `linear-gradient(45deg, ${l(o).join(", ")})` : o, [o]), h = a(() => i.isArray(e) ? `linear-gradient(45deg, ${l(e).join(", ")})` : e, [e]), C = a(() => i.isArray(c) ? `radial-gradient(circle, ${l(c).join(", ")})` : c, [c]);
+  return {
+    refs: {},
+    state: { ownerState: {
+      value: r,
+      barBgColor: u,
+      showPositive: d,
+      showNegative: g,
+      showMiddle: f,
+      valuePositive: p,
+      valueNegative: m,
+      barColorPositive: v,
+      barColorNegative: h,
+      middleBgColor: C
+    } },
+    actions: {}
+  };
+};
+export {
+  P as useLinearIndicatorLogic
+};