@hybridcore/ui 1.5.89 → 1.6.0

package/dist/{IconButton-DJ-31-Fd.js → IconButton-CHwRQF-g.js}

@@ -1,12 +1,13 @@
-import { a as t, _ as h } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
+import { a as s, _ as h } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
 import * as d from "react";
-import { P as r } from "./index-DMSHuq6l.js";
-import { g as z, u as R, c as C, b as B, a as I } from "./useThemeProps-DRP1dikX.js";
-import { s as O } from "./styled-B8ugzvji.js";
-import { g as T, a as g } from "./createTheme-CNnKNxwL.js";
+import { P as r } from "./index-C__OZmYy.js";
+import { g as z, u as R, c as C, b as B, a as I } from "./useThemeProps-BzzHcQyd.js";
+import { alpha as g } from "@mui/system";
+import { s as O } from "./styled-eZwjUruw.js";
+import { g as T } from "./createTheme-DYxDnE9u.js";
 import { jsx as x } from "react/jsx-runtime";
-import { B as $ } from "./ButtonBase-DsX-jMQJ.js";
-import { c as i } from "./createTheme-CyC5HawC.js";
+import { B as $ } from "./ButtonBase-2bPw77UP.js";
+import { c as i } from "./capitalize-ciszXJ7R.js";
 function k(o) {
   return T("MuiIconButton", o);
 }
@@ -14,11 +15,11 @@ const P = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
   const {
     classes: e,
     disabled: a,
-    color: s,
+    color: t,
     edge: n,
     size: l
   } = o, c = {
-    root: ["root", a && "disabled", s !== "default" && `color${i(s)}`, n && `edge${i(n)}`, `size${i(l)}`]
+    root: ["root", a && "disabled", t !== "default" && `color${i(t)}`, n && `edge${i(n)}`, `size${i(l)}`]
   };
   return I(c, k, e);
 }, M = O($, {
@@ -33,7 +34,7 @@ const P = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
 })(({
   theme: o,
   ownerState: e
-}) => t({
+}) => s({
   textAlign: "center",
   flex: "0 0 auto",
   fontSize: o.typography.pxToRem(24),
@@ -62,14 +63,14 @@ const P = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
   ownerState: e
 }) => {
   var a;
-  const s = (a = (o.vars || o).palette) == null ? void 0 : a[e.color];
-  return t({}, e.color === "inherit" && {
+  const t = (a = (o.vars || o).palette) == null ? void 0 : a[e.color];
+  return s({}, e.color === "inherit" && {
     color: "inherit"
-  }, e.color !== "inherit" && e.color !== "default" && t({
-    color: s == null ? void 0 : s.main
+  }, e.color !== "inherit" && e.color !== "default" && s({
+    color: t == null ? void 0 : t.main
   }, !e.disableRipple && {
-    "&:hover": t({}, s && {
-      backgroundColor: o.vars ? `rgba(${s.mainChannel} / ${o.vars.palette.action.hoverOpacity})` : g(s.main, o.palette.action.hoverOpacity)
+    "&:hover": s({}, t && {
+      backgroundColor: o.vars ? `rgba(${t.mainChannel} / ${o.vars.palette.action.hoverOpacity})` : g(t.main, o.palette.action.hoverOpacity)
     }, {
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
@@ -89,7 +90,7 @@ const P = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     }
   });
 }), N = /* @__PURE__ */ d.forwardRef(function(e, a) {
-  const s = R({
+  const t = R({
     props: e,
     name: "MuiIconButton"
   }), {
@@ -100,14 +101,14 @@ const P = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     disabled: p = !1,
     disableFocusRipple: u = !1,
     size: m = "medium"
-  } = s, v = h(s, j), f = t({}, s, {
+  } = t, v = h(t, j), f = s({}, t, {
     edge: n,
     color: b,
     disabled: p,
     disableFocusRipple: u,
     size: m
   }), y = E(f);
-  return /* @__PURE__ */ x(M, t({
+  return /* @__PURE__ */ x(M, s({
     className: C(y.root, c),
     centerRipple: !0,
     focusRipple: !u,

package/dist/IconPlus-yPkff_Vj.js

@@ -0,0 +1,19 @@
+import { c as o } 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 s = [["path", { d: "M5 12l14 0", key: "svg-0" }]], e = o("outline", "minus", "Minus", s);
+/**
+ * @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 n = [["path", { d: "M12 5l0 14", key: "svg-0" }], ["path", { d: "M5 12l14 0", key: "svg-1" }]], c = o("outline", "plus", "Plus", n);
+export {
+  c as I,
+  e as a
+};

package/dist/{InputAdornment-B7qEA4kN.js → InputAdornment-DLxWUE6H.js}

@@ -1,13 +1,13 @@
 import { a as u, _ as I } from "./objectWithoutPropertiesLoose-DJteAcBH.js";
 import * as b from "react";
-import { P as e } from "./index-DMSHuq6l.js";
-import { g as x, u as A, c as C, a as N } from "./useThemeProps-DRP1dikX.js";
+import { P as e } from "./index-C__OZmYy.js";
+import { g as x, u as A, c as C, a as N } from "./useThemeProps-BzzHcQyd.js";
 import { u as L, F as O } from "./useFormControl-CatNKXAi.js";
-import { s as R } from "./styled-B8ugzvji.js";
-import { g as _ } from "./createTheme-CNnKNxwL.js";
+import { s as R } from "./styled-eZwjUruw.js";
+import { g as _ } from "./createTheme-DYxDnE9u.js";
 import { jsx as l, jsxs as j } from "react/jsx-runtime";
-import { T as z } from "./Typography-D1t7XuLN.js";
-import { c as v } from "./createTheme-CyC5HawC.js";
+import { T as z } from "./Typography-CxbneZy_.js";
+import { c as v } from "./capitalize-ciszXJ7R.js";
 function F(t) {
   return _("MuiInputAdornment", t);
 }

package/dist/Legend-Dp_MKfS4.js

@@ -0,0 +1,178 @@
+import { S as C, k as b, l as f, C as _, L as w } from "./AnimatedTheme-jnasw6rT.js";
+import { R as T } from "./RoundedRectangle-CWLi2PXn.js";
+import { m as i } from "./ColorSet-C7vpNXhM.js";
+class p extends C {
+  constructor() {
+    super(...arguments), Object.defineProperty(this, "itemContainers", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this.addDisposer(new b(f.new({}), () => _._new(this._root, {
+        themeTags: i(this.itemContainers.template.get("themeTags", []), ["legend", "item"]),
+        themeTagsSelf: i(this.itemContainers.template.get("themeTagsSelf", []), ["itemcontainer"]),
+        background: T.new(this._root, {
+          themeTags: i(this.itemContainers.template.get("themeTags", []), ["legend", "item", "background"]),
+          themeTagsSelf: i(this.itemContainers.template.get("themeTagsSelf", []), ["itemcontainer"])
+        })
+      }, [this.itemContainers.template])))
+    }), Object.defineProperty(this, "markers", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this.addDisposer(new b(f.new({}), () => _._new(this._root, {
+        themeTags: i(this.markers.template.get("themeTags", []), ["legend", "marker"])
+      }, [this.markers.template])))
+    }), Object.defineProperty(this, "labels", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this.addDisposer(new b(f.new({}), () => w._new(this._root, {
+        themeTags: i(this.labels.template.get("themeTags", []), ["legend", "label"])
+      }, [this.labels.template])))
+    }), Object.defineProperty(this, "valueLabels", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this.addDisposer(new b(f.new({}), () => w._new(this._root, {
+        themeTags: i(this.valueLabels.template.get("themeTags", []), ["legend", "label", "value"])
+      }, [this.valueLabels.template])))
+    }), Object.defineProperty(this, "markerRectangles", {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value: this.addDisposer(new b(f.new({}), () => T._new(this._root, {
+        themeTags: i(this.markerRectangles.template.get("themeTags", []), ["legend", "marker", "rectangle"])
+      }, [this.markerRectangles.template])))
+    });
+  }
+  _afterNew() {
+    this._settings.themeTags = i(this._settings.themeTags, ["legend"]), this.fields.push("name", "stroke", "fill"), super._afterNew();
+  }
+  /**
+   * @ignore
+   */
+  makeItemContainer(e) {
+    const t = this.children.push(this.itemContainers.make());
+    return t._setDataItem(e), this.itemContainers.push(t), t.states.create("disabled", {}), t;
+  }
+  /**
+   * @ignore
+   */
+  makeMarker() {
+    const e = this.markers.make();
+    return this.markers.push(e), e.states.create("disabled", {}), e;
+  }
+  /**
+   * @ignore
+   */
+  makeLabel() {
+    const e = this.labels.make();
+    return e.states.create("disabled", {}), e;
+  }
+  /**
+   * @ignore
+   */
+  makeValueLabel() {
+    const e = this.valueLabels.make();
+    return e.states.create("disabled", {}), e;
+  }
+  /**
+   * @ignore
+   */
+  makeMarkerRectangle() {
+    const e = this.markerRectangles.make();
+    return e.states.create("disabled", {}), e;
+  }
+  processDataItem(e) {
+    super.processDataItem(e);
+    const t = this.makeItemContainer(e), n = this.get("nameField"), a = this.get("fillField"), o = this.get("strokeField");
+    if (t) {
+      const u = this.get("clickTarget", "itemContainer"), s = e.dataContext;
+      s && s.set && s.set("legendDataItem", e), t._setDataItem(e), e.set("itemContainer", t);
+      const m = this.makeMarker();
+      if (m) {
+        t.children.push(m), m._setDataItem(e), e.set("marker", m);
+        const r = this.get("useDefaultMarker"), c = m.children.push(this.makeMarkerRectangle());
+        let g = e.get("fill"), l = e.get("stroke");
+        e.set("markerRectangle", c), s && s.get && (g = s.get(a, g), l = s.get(o, l)), l || (l = g), r ? s.on && (s.on(a, () => {
+          c.set("fill", s.get(a));
+        }), s.on(o, () => {
+          c.set("stroke", s.get(o));
+        })) : s && s.createLegendMarker && s.createLegendMarker(), c.setAll({ fill: g, stroke: l });
+        const d = s.component;
+        d && d.updateLegendMarker && d.updateLegendMarker(s);
+      }
+      const h = this.makeLabel();
+      if (h) {
+        t.children.push(h), h._setDataItem(e), e.set("label", h), h.text.on("text", () => {
+          t.setRaw("ariaLabel", h.text._getText() + (this.get("clickTarget") !== "none" ? "; " + this._t("Press ENTER to toggle") : "")), t.markDirtyAccessibility();
+        }), s && s.get && e.set("name", s.get(n));
+        let r = e.get("name");
+        r && h.set("text", r);
+      }
+      const k = this.makeValueLabel();
+      if (k && (t.children.push(k), k._setDataItem(e), e.set("valueLabel", k)), s && s.show && (s.on("visible", (r) => {
+        t.set("disabled", !r);
+      }), s.get("visible") || t.set("disabled", !0), u != "none")) {
+        let r = t;
+        u == "marker" && (r = m), this._addClickEvents(r, s, e);
+      }
+      this.children.values.sort((r, c) => {
+        const g = r.dataItem.dataContext, l = c.dataItem.dataContext;
+        if (g && l) {
+          const d = this.data.indexOf(g), v = this.data.indexOf(l);
+          if (d > v)
+            return 1;
+          if (d < v)
+            return -1;
+        }
+        return 0;
+      }), s && s.updateLegendValue && s.updateLegendValue();
+    }
+  }
+  _addClickEvents(e, t, n) {
+    e.set("cursorOverStyle", "pointer"), e.events.on("pointerover", () => {
+      const a = t.component;
+      a && a.hoverDataItem && a.hoverDataItem(t);
+    }), e.events.on("pointerout", () => {
+      const a = t.component;
+      a && a.hoverDataItem && a.unhoverDataItem(t);
+    }), e.events.on("click", () => {
+      const a = n.get("label").text._getText();
+      t.show && t.isHidden && (t.isHidden() || t.get("visible") === !1) ? (t.show(), e.set("disabled", !1), this._root.readerAlert(this._t("%1 shown", this._root.locale, a))) : t.hide && (t.hide(), e.set("disabled", !0), this._root.readerAlert(this._t("%1 hidden", this._root.locale, a)));
+    });
+  }
+  /**
+   * @ignore
+   */
+  disposeDataItem(e) {
+    super.disposeDataItem(e);
+    const t = e.dataContext;
+    t && t.get && t.get("legendDataItem") == e && t.set("legendDataItem", void 0);
+    let n = e.get("itemContainer");
+    n && (this.itemContainers.removeValue(n), n.dispose());
+    let a = e.get("marker");
+    a && (this.markers.removeValue(a), a.dispose());
+    let o = e.get("markerRectangle");
+    o && (this.markerRectangles.removeValue(o), o.dispose());
+    let u = e.get("label");
+    u && (this.labels.removeValue(u), u.dispose());
+    let s = e.get("valueLabel");
+    s && (this.valueLabels.removeValue(s), s.dispose());
+  }
+}
+Object.defineProperty(p, "className", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: "Legend"
+});
+Object.defineProperty(p, "classNames", {
+  enumerable: !0,
+  configurable: !0,
+  writable: !0,
+  value: C.classNames.concat([p.className])
+});
+export {
+  p as L
+};