@hybridcore/ui 1.6.16 → 1.6.18

package/dist/components/metric-card/logic.js

@@ -1,116 +1,96 @@
 import { useThemeProps as K } from "@mui/material";
-import { formatValue as B, resolveConditionalStyle as D } from "../charts/_common/format.js";
-import { c as m } from "../../createReactComponent-C7L-DMHj.js";
-/**
- * @license @tabler/icons-react v3.44.0 - MIT
- *
- * This source code is licensed under the MIT license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Q = [["path", { d: "M5 12l14 0", key: "svg-0" }], ["path", { d: "M13 18l6 -6", key: "svg-1" }], ["path", { d: "M13 6l6 6", key: "svg-2" }]], W = m("outline", "arrow-right", "ArrowRight", Q);
-/**
- * @license @tabler/icons-react v3.44.0 - MIT
- *
- * This source code is licensed under the MIT license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const X = [["path", { d: "M3 7l6 6l4 -4l8 8", key: "svg-0" }], ["path", { d: "M21 10l0 7l-7 0", key: "svg-1" }]], Y = m("outline", "trending-down", "TrendingDown", X);
-/**
- * @license @tabler/icons-react v3.44.0 - MIT
- *
- * This source code is licensed under the MIT license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ee = [["path", { d: "M3 17l6 -6l4 4l8 -8", key: "svg-0" }], ["path", { d: "M14 7l7 0l0 7", key: "svg-1" }]], oe = m("outline", "trending-up", "TrendingUp", ee), ce = (F) => {
-  const i = K({ props: F, name: "HCMetricCard" }), {
+import { formatValue as D, resolveConditionalStyle as M } from "../charts/_common/format.js";
+import { I as Q, a as W, b as X } from "../../IconTrendingUp-CW4SFYmc.js";
+const oe = ($) => {
+  const i = K({ props: $, name: "HCMetricCard" }), {
     value: c = [],
-    secondValue: y = [],
-    secondValueFormat: P,
-    variant: R = "default",
-    layout: w = "overlay",
-    valuePrefix: A,
-    valueSuffix: O,
+    secondValue: v = [],
+    secondValueFormat: k,
+    variant: O = "default",
+    layout: C = "overlay",
+    valuePrefix: Z,
+    valueSuffix: A,
     format: o,
-    showChange: U = !1,
-    changeType: a = "percentage",
-    showTrend: Z = !1,
-    showIcon: C = !1,
-    icon: d,
-    iconPosition: u = "right"
-  } = i, H = c.length > 0, g = c[c.length - 1], S = c[c.length - 2], e = g ? Number(g.v) : NaN, t = S ? Number(S.v) : NaN, b = !isNaN(e) && !isNaN(t), p = {
+    showChange: H = !1,
+    changeType: l = "percentage",
+    showTrend: J = !1,
+    showIcon: b = !1,
+    icon: u,
+    iconPosition: d = "right"
+  } = i, L = c.length > 0, f = c[c.length - 1], S = c[c.length - 2], e = f ? Number(f.v) : NaN, t = S ? Number(S.v) : NaN, w = !isNaN(e) && !isNaN(t), g = {
     ...o,
-    prefix: (o == null ? void 0 : o.prefix) ?? A,
-    suffix: (o == null ? void 0 : o.suffix) ?? O
+    prefix: (o == null ? void 0 : o.prefix) ?? Z,
+    suffix: (o == null ? void 0 : o.suffix) ?? A
   };
-  let r = "—", M = "", V, k;
+  let r = "—", y = "", I, V;
   if (!isNaN(e)) {
-    r = B(e, p), M = g.t;
-    const l = D(e, p);
-    V = l.color, k = l.backgroundColor;
+    r = D(e, g), y = f.t;
+    const a = M(e, g);
+    I = a.color, V = a.backgroundColor;
   }
-  const I = P ?? p;
-  let h, T, x;
-  const _ = y[y.length - 1], f = _ ? Number(_.v) : NaN;
-  if (!isNaN(f)) {
-    h = B(f, I);
-    const l = D(f, I);
-    T = l.color, x = l.backgroundColor;
+  const x = k ?? g;
+  let p, T, B;
+  const F = v[v.length - 1], h = F ? Number(F.v) : NaN;
+  if (!isNaN(h)) {
+    p = D(h, x);
+    const a = M(h, x);
+    T = a.color, B = a.backgroundColor;
   }
   let s;
-  if (U)
-    if (b && !(t === 0 && a === "percentage")) {
-      const N = a === "absolute" ? e - t : (e - t) / t * 100, z = N > 0 ? "+" : N < 0 ? "−" : "", E = a === "percentage" ? 1 : 2, G = a === "percentage" ? "%" : "";
-      s = `${z}${Math.abs(N).toFixed(E)}${G}`;
+  if (H)
+    if (w && !(t === 0 && l === "percentage")) {
+      const m = l === "absolute" ? e - t : (e - t) / t * 100, z = m > 0 ? "+" : m < 0 ? "−" : "", E = l === "percentage" ? 1 : 2, G = l === "percentage" ? "%" : "";
+      s = `${z}${Math.abs(m).toFixed(E)}${G}`;
     } else
       s = "—";
   let n;
-  Z && b && (e > t ? n = "up" : e < t ? n = "down" : n = "neutral");
-  let v = W;
-  n === "up" ? v = oe : n === "down" && (v = Y);
-  const $ = [
+  J && w && (e > t ? n = "up" : e < t ? n = "down" : n = "neutral");
+  let N = Q;
+  n === "up" ? N = W : n === "down" && (N = X);
+  const P = [
     "top-left",
     "top-right",
     "bottom-left",
     "bottom-right"
-  ].includes(u), J = C && !!d && $, L = C && !!d && !$, j = JSON.stringify({
+  ].includes(d), R = b && !!u && P, U = b && !!u && !P, j = JSON.stringify({
     metric: i.label,
     value: r,
     change: s,
-    asOf: M
+    asOf: y
   }), q = {
     ...i,
-    variant: R,
-    layout: w,
-    changeType: a,
-    iconPosition: u,
+    variant: O,
+    layout: C,
+    changeType: l,
+    iconPosition: d,
     calculatedValue: r,
-    calculatedSecondValue: h,
+    calculatedSecondValue: p,
     calculatedSecondValueColor: T,
-    calculatedSecondValueBg: x,
+    calculatedSecondValueBg: B,
     calculatedChange: s,
     calculatedTrend: n,
-    calculatedValueColor: V,
-    calculatedValueBg: k,
-    hasData: H
+    calculatedValueColor: I,
+    calculatedValueBg: V,
+    hasData: L
   };
   return {
     refs: {},
     state: {
       ownerState: q,
-      layout: w,
+      layout: C,
       calculatedValue: r,
-      calculatedSecondValue: h,
+      calculatedSecondValue: p,
       calculatedChange: s,
-      TrendIcon: v,
-      Icon: d,
-      showCornerIcon: J,
-      showSideIcon: L,
-      iconPosition: u,
+      TrendIcon: N,
+      Icon: u,
+      showCornerIcon: R,
+      showSideIcon: U,
+      iconPosition: d,
       snapshotPayload: j
     },
     actions: {}
   };
 };
 export {
-  ce as useMetricCardLogic
+  oe as useMetricCardLogic
 };

package/dist/components/prr-map/components/controls/index.js

@@ -1,10 +1,11 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { Container as t, Button as r } from "./styled.js";
-import { I as s, a as l } from "../../../../IconPlus-yPkff_Vj.js";
-const m = ({ mapRef: n }) => n ? /* @__PURE__ */ i(t, { children: [
-  /* @__PURE__ */ o(r, { onClick: n.zoomIn, children: /* @__PURE__ */ o(s, { size: 18 }) }),
-  /* @__PURE__ */ o(r, { onClick: n.zoomOut, children: /* @__PURE__ */ o(l, { size: 18 }) })
+import { Container as t, Button as n } from "./styled.js";
+import { I as s } from "../../../../IconPlus-7KPPhzOb.js";
+import { I as l } from "../../../../IconMinus-B6OPYVyo.js";
+const I = ({ mapRef: r }) => r ? /* @__PURE__ */ i(t, { children: [
+  /* @__PURE__ */ o(n, { onClick: r.zoomIn, children: /* @__PURE__ */ o(s, { size: 18 }) }),
+  /* @__PURE__ */ o(n, { onClick: r.zoomOut, children: /* @__PURE__ */ o(l, { size: 18 }) })
 ] }) : null;
 export {
-  m as Controls
+  I as Controls
 };

package/dist/components/range-selector/components/enum-range/index.js

@@ -0,0 +1,66 @@
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { Select as y, MenuItem as u, Checkbox as o, ListItemText as h } from "@mui/material";
+const c = "__ALL__", P = (d) => {
+  const { value: m, options: l, onChange: a, variant: p = "outlined" } = d, t = m.listOfPossibleValues ?? [], r = l.length > 0 && t.length === l.length, g = t.length > 0 && !r;
+  return /* @__PURE__ */ s(
+    y,
+    {
+      multiple: !0,
+      size: "small",
+      fullWidth: !0,
+      displayEmpty: !0,
+      variant: p,
+      value: t,
+      onChange: (e) => {
+        const i = e.target.value;
+        if (i.includes(c)) {
+          a({ listOfPossibleValues: r ? [] : [...l] });
+          return;
+        }
+        a({ listOfPossibleValues: i });
+      },
+      MenuProps: { PaperProps: { sx: { maxHeight: 320 } } },
+      renderValue: (e) => e.length === 0 ? "Select values" : e.length === l.length ? "All values" : e.length <= 2 ? e.join(", ") : `${e.length} of ${l.length} selected`,
+      children: [
+        /* @__PURE__ */ s(u, { dense: !0, value: c, children: [
+          /* @__PURE__ */ n(
+            o,
+            {
+              size: "small",
+              sx: { py: 0.25, pl: 0, mr: 0.5 },
+              checked: r,
+              indeterminate: g
+            }
+          ),
+          /* @__PURE__ */ n(
+            h,
+            {
+              primary: "Select All",
+              primaryTypographyProps: { variant: "body2" }
+            }
+          )
+        ] }),
+        l.map((e) => /* @__PURE__ */ s(u, { dense: !0, value: e, children: [
+          /* @__PURE__ */ n(
+            o,
+            {
+              size: "small",
+              sx: { py: 0.25, pl: 0, mr: 0.5 },
+              checked: t.includes(e)
+            }
+          ),
+          /* @__PURE__ */ n(
+            h,
+            {
+              primary: e,
+              primaryTypographyProps: { variant: "body2" }
+            }
+          )
+        ] }, e))
+      ]
+    }
+  );
+};
+export {
+  P as EnumRange
+};

package/dist/components/range-selector/index.js

@@ -1,65 +1,75 @@
 import { jsx as n } from "react/jsx-runtime";
-import s from "lodash";
-import { CompositeListRange as f } from "./components/composite-list-range/index.js";
-import { DateRange as u } from "./components/date-range/index.js";
-import { GeometryRange as c } from "./components/geometry-range/index.js";
-import { NumberRange as R } from "./components/number-range/index.js";
-import { StringRange as D } from "./components/string-range/index.js";
-import { useRangeSelectorLogic as x } from "./logic.js";
-import { RangeSelectorRoot as y } from "./styled.js";
-const C = (t) => {
-  const { state: r } = x(t), { ownerState: l } = r, { type: e, value: o, mapboxAccessToken: m, onChange: i, sx: g } = t;
+import g from "lodash";
+import { CompositeListRange as u } from "./components/composite-list-range/index.js";
+import { DateRange as f } from "./components/date-range/index.js";
+import { EnumRange as c } from "./components/enum-range/index.js";
+import { GeometryRange as R } from "./components/geometry-range/index.js";
+import { NumberRange as D } from "./components/number-range/index.js";
+import { StringRange as x } from "./components/string-range/index.js";
+import { useRangeSelectorLogic as y } from "./logic.js";
+import { RangeSelectorRoot as b } from "./styled.js";
+const L = (t) => {
+  const { state: r } = y(t), { ownerState: l } = r, { type: e, value: i, mapboxAccessToken: o, onChange: m, sx: s } = t;
   let a = null;
   return e === "byte" || e === "double" || e === "integer" || e === "long" ? a = /* @__PURE__ */ n(
-    R,
+    D,
     {
-      value: o || {
+      value: i || {
         minValue: "",
         maxValue: ""
       },
-      onChange: i
+      onChange: m
     }
   ) : e === "string" || e === "text" ? a = /* @__PURE__ */ n(
-    D,
+    x,
     {
-      value: o || {
+      value: i || {
         listOfPossibleValues: []
       },
-      onChange: i
+      onChange: m
     }
-  ) : e === "geometry" ? a = /* @__PURE__ */ n(
+  ) : e === "enum" ? a = /* @__PURE__ */ n(
     c,
     {
-      value: o || { geometryArea: "" },
-      mapboxAccessToken: m,
-      onChange: i
+      value: i || {
+        listOfPossibleValues: []
+      },
+      options: t.enumValues || [],
+      onChange: m
+    }
+  ) : e === "geometry" ? a = /* @__PURE__ */ n(
+    R,
+    {
+      value: i || { geometryArea: "" },
+      mapboxAccessToken: o,
+      onChange: m
     }
   ) : e === "date" ? a = /* @__PURE__ */ n(
-    u,
+    f,
     {
-      value: o || {
-        startDate: s.get(t, "minDate", ""),
+      value: i || {
+        startDate: g.get(t, "minDate", ""),
         timeUnit: "MINUTE",
         endRange: 0,
         startRange: 0,
         limitForScenarioTimeRange: !1
       },
-      onChange: i,
+      onChange: m,
       minDate: t.minDate || "",
       maxDate: t.maxDate || ""
     }
   ) : e === "composite-list" && (a = /* @__PURE__ */ n(
-    f,
+    u,
     {
-      value: o || { count: "" },
-      mapboxAccessToken: m,
-      onChange: i,
+      value: i || { count: "" },
+      mapboxAccessToken: o,
+      onChange: m,
       innerType: t.innerType,
       minDate: t.minDate,
       maxDate: t.maxDate
     }
-  )), /* @__PURE__ */ n(y, { ownerState: l, sx: g, children: a });
+  )), /* @__PURE__ */ n(b, { ownerState: l, sx: s, children: a });
 };
 export {
-  C as RangeSelector
+  L as RangeSelector
 };

package/dist/components/range-selector/styled.js

@@ -1,11 +1,11 @@
 import { styled as t, Box as o, TextField as n, Typography as a, IconButton as i, FormControl as r } from "@mui/material";
 import { ArrowForward as g } from "@mui/icons-material";
 import { DateTimePicker as s } from "@mui/x-date-pickers/DateTimePicker";
-const l = (e) => e !== "ownerState", d = t(o, {
+const l = (e) => e !== "ownerState", p = t(o, {
   name: "HCRangeSelector",
   slot: "root",
   shouldForwardProp: l
-})({}), R = t(o, {
+})({ width: "100%", minWidth: 0 }), R = t(o, {
   name: "HCRangeSelector",
   slot: "numberRow"
 })({
@@ -17,12 +17,12 @@ const l = (e) => e !== "ownerState", d = t(o, {
 })({
   display: "flex",
   width: "100%"
-}), u = t(n, {
+}), w = t(n, {
   name: "HCRangeSelector",
   slot: "numberInput"
 })(({ theme: e }) => ({
   marginRight: e.spacing(0.25)
-})), w = t(n, {
+})), u = t(n, {
   name: "HCRangeSelector",
   slot: "numberInput"
 })(({ theme: e }) => ({
@@ -47,13 +47,13 @@ const l = (e) => e !== "ownerState", d = t(o, {
   marginRight: e.spacing(0.5),
   minWidth: 50,
   width: 85
-})), H = t(o, {
+})), h = t(o, {
   name: "HCRangeSelector",
   slot: "compositeChild"
 })({
   flex: 1,
   maxWidth: 300
-}), h = t(o, {
+}), H = t(o, {
   name: "HCRangeSelector",
   slot: "dateTrigger"
 })(({ theme: e }) => ({
@@ -110,22 +110,22 @@ const l = (e) => e !== "ownerState", d = t(o, {
   marginLeft: e.spacing(1)
 }));
 export {
-  H as CompositeChild,
+  h as CompositeChild,
   x as CompositeCount,
   S as CompositeRow,
   I as DateLimitCaption,
   y as DatePicker,
   B as DateRangeInput,
-  h as DateTrigger,
+  H as DateTrigger,
   b as DateTriggerArrow,
   D as DateTriggerEditButton,
   T as DateTriggerText,
   N as DateUnitControl,
   L as DateUnitRow,
   f as ModeColumn,
-  w as NumberInputMax,
-  u as NumberInputMin,
+  u as NumberInputMax,
+  w as NumberInputMin,
   C as NumberRangeRow,
   R as NumberRow,
-  d as RangeSelectorRoot
+  p as RangeSelectorRoot
 };

package/dist/components/raster-grid-map/components/controls/index.js

@@ -1,10 +1,11 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
-import { Container as t, Button as r } from "./styled.js";
-import { I as s, a as l } from "../../../../IconPlus-yPkff_Vj.js";
-const m = ({ mapRef: n }) => n ? /* @__PURE__ */ i(t, { children: [
-  /* @__PURE__ */ o(r, { onClick: n.zoomIn, children: /* @__PURE__ */ o(s, { size: 18 }) }),
-  /* @__PURE__ */ o(r, { onClick: n.zoomOut, children: /* @__PURE__ */ o(l, { size: 18 }) })
+import { Container as t, Button as n } from "./styled.js";
+import { I as s } from "../../../../IconPlus-7KPPhzOb.js";
+import { I as l } from "../../../../IconMinus-B6OPYVyo.js";
+const I = ({ mapRef: r }) => r ? /* @__PURE__ */ i(t, { children: [
+  /* @__PURE__ */ o(n, { onClick: r.zoomIn, children: /* @__PURE__ */ o(s, { size: 18 }) }),
+  /* @__PURE__ */ o(n, { onClick: r.zoomOut, children: /* @__PURE__ */ o(l, { size: 18 }) })
 ] }) : null;
 export {
-  m as Controls
+  I as Controls
 };

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

@@ -0,0 +1,44 @@
+import { jsx as t, jsxs as e, Fragment as m } from "react/jsx-runtime";
+import { Stack as x, Skeleton as d } from "@mui/material";
+import { useStatusIndicatorLogic as v } from "./logic.js";
+import { StatusIndicatorRoot as o, StatusIndicatorCaption as b, StatusIndicatorDescription as f, StatusIndicatorIconContainer as h, StatusIndicatorContent as g, StatusIndicatorLabel as u, StatusIndicatorValue as I, StatusIndicatorBadge as w } from "./styled.js";
+const j = (i) => {
+  const { state: S } = v(i), { ownerState: n, variant: r, activeLabel: c, Icon: a } = S;
+  if (i.loading)
+    return /* @__PURE__ */ t(o, { ownerState: n, sx: i.sx, children: /* @__PURE__ */ e(
+      x,
+      {
+        spacing: 1,
+        alignItems: r === "prominent" ? "center" : "flex-start",
+        children: [
+          /* @__PURE__ */ t(d, { variant: "text", width: "50%" }),
+          /* @__PURE__ */ t(d, { variant: "circular", width: 40, height: 40 }),
+          /* @__PURE__ */ t(d, { variant: "text", width: "70%" })
+        ]
+      }
+    ) });
+  const l = i.caption && /* @__PURE__ */ t(b, { variant: "caption", children: i.caption }), s = i.description && /* @__PURE__ */ t(f, { variant: "body2", children: i.description });
+  return r === "split" ? /* @__PURE__ */ e(o, { ownerState: n, sx: i.sx, children: [
+    a && /* @__PURE__ */ t(h, { ownerState: n, children: /* @__PURE__ */ t(a, { size: 28 }) }),
+    /* @__PURE__ */ e(g, { children: [
+      i.label && /* @__PURE__ */ t(u, { variant: "body2", children: i.label }),
+      /* @__PURE__ */ t(I, { variant: "h5", ownerState: n, children: c }),
+      l,
+      s
+    ] })
+  ] }) : /* @__PURE__ */ e(o, { ownerState: n, sx: i.sx, children: [
+    i.label && /* @__PURE__ */ t(u, { variant: "body2", children: i.label }),
+    r === "prominent" ? /* @__PURE__ */ e(m, { children: [
+      a && /* @__PURE__ */ t(h, { ownerState: n, children: /* @__PURE__ */ t(a, { size: 48 }) }),
+      /* @__PURE__ */ t(I, { variant: "h4", ownerState: n, children: c })
+    ] }) : /* @__PURE__ */ e(w, { ownerState: n, children: [
+      a && /* @__PURE__ */ t(a, { size: 18 }),
+      c
+    ] }),
+    l,
+    s
+  ] });
+};
+export {
+  j as StatusIndicator
+};

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

@@ -0,0 +1,105 @@
+import { useThemeProps as u } from "@mui/material";
+import { a as w, b as k, I as v } from "../../IconTrendingUp-CW4SFYmc.js";
+import { c as n } from "../../createReactComponent-C7L-DMHj.js";
+import { I } from "../../IconMinus-B6OPYVyo.js";
+import { I as y } from "../../IconCircle-HcgE1lHy.js";
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const M = [["path", { d: "M12 9v4", key: "svg-0" }], ["path", { d: "M10.363 3.591l-8.106 13.534a1.914 1.914 0 0 0 1.636 2.871h16.214a1.914 1.914 0 0 0 1.636 -2.87l-8.106 -13.536a1.914 1.914 0 0 0 -3.274 0", key: "svg-1" }], ["path", { d: "M12 16h.01", key: "svg-2" }]], m = n("outline", "alert-triangle", "AlertTriangle", M);
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const C = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M18 13l-6 6", key: "svg-1" }], ["path", { d: "M6 13l6 6", key: "svg-2" }]], _ = n("outline", "arrow-down", "ArrowDown", C);
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const $ = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M18 11l-6 -6", key: "svg-1" }], ["path", { d: "M6 11l6 -6", key: "svg-2" }]], N = n("outline", "arrow-up", "ArrowUp", $);
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const b = [["path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0", key: "svg-0" }], ["path", { d: "M5.7 5.7l12.6 12.6", key: "svg-1" }]], f = n("outline", "ban", "Ban", b);
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const A = [["path", { d: "M6 10l6 6l6 -6h-12", key: "svg-0" }]], D = n("outline", "caret-down", "CaretDown", A);
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const L = [["path", { d: "M18 14l-6 -6l-6 6h12", key: "svg-0" }]], T = n("outline", "caret-up", "CaretUp", L);
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const U = [["path", { d: "M5 12l5 5l10 -10", key: "svg-0" }]], B = n("outline", "check", "Check", U);
+/**
+ * @license @tabler/icons-react v3.44.0 - MIT
+ *
+ * This source code is licensed under the MIT license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const H = [["path", { d: "M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0", key: "svg-0" }], ["path", { d: "M12 16v.01", key: "svg-1" }], ["path", { d: "M12 13a2 2 0 0 0 .914 -3.782a1.98 1.98 0 0 0 -2.414 .483", key: "svg-2" }]], R = n("outline", "help-circle", "HelpCircle", H), x = {
+  "trending-up": w,
+  "trending-down": k,
+  "arrow-right": v,
+  "arrow-up": N,
+  "arrow-down": _,
+  "caret-up": T,
+  "caret-down": D,
+  minus: I,
+  ban: f,
+  help: R,
+  check: B,
+  alert: m,
+  circle: y
+}, z = (p) => {
+  const t = u({ props: p, name: "HCStatusIndicator" }), {
+    value: e,
+    states: d = [],
+    variant: c = "prominent",
+    showIcon: s = !0,
+    emptyLabel: a = "—"
+  } = t, r = e != null && `${e}`.trim() !== "", o = r ? d.find((g) => `${g.value}`.toLowerCase() === `${e}`.toLowerCase()) : void 0, l = (o == null ? void 0 : o.label) ?? (r ? `${e}` : a), i = s && (o != null && o.icon) ? x[o.icon] : void 0, h = {
+    ...t,
+    variant: c,
+    showIcon: s,
+    emptyLabel: a,
+    activeLabel: l,
+    resolvedColor: o == null ? void 0 : o.color,
+    resolvedBackgroundColor: o == null ? void 0 : o.backgroundColor,
+    hasValue: r
+  };
+  return {
+    refs: {},
+    state: {
+      ownerState: h,
+      variant: c,
+      activeLabel: l,
+      Icon: i
+    },
+    actions: {}
+  };
+};
+export {
+  z as useStatusIndicatorLogic
+};