@sudobility/monitoring-components 1.0.8

package/dist/index.esm.js

@@ -0,0 +1,586 @@
+import * as k from "react";
+import te, { useState as oe, useEffect as ae } from "react";
+import { cn as f, useCopyToClipboard as ne } from "@sudobility/components";
+import { createPortal as se } from "react-dom";
+var T = { exports: {} }, x = {};
+var z;
+function le() {
+  if (z) return x;
+  z = 1;
+  var o = Symbol.for("react.transitional.element"), a = Symbol.for("react.fragment");
+  function r(n, u, d) {
+    var b = null;
+    if (d !== void 0 && (b = "" + d), u.key !== void 0 && (b = "" + u.key), "key" in u) {
+      d = {};
+      for (var m in u)
+        m !== "key" && (d[m] = u[m]);
+    } else d = u;
+    return u = d.ref, {
+      $$typeof: o,
+      type: n,
+      key: b,
+      ref: u !== void 0 ? u : null,
+      props: d
+    };
+  }
+  return x.Fragment = a, x.jsx = r, x.jsxs = r, x;
+}
+var E = {};
+var J;
+function ce() {
+  return J || (J = 1, process.env.NODE_ENV !== "production" && (function() {
+    function o(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === K ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case v:
+          return "Fragment";
+        case A:
+          return "Profiler";
+        case O:
+          return "StrictMode";
+        case H:
+          return "Suspense";
+        case X:
+          return "SuspenseList";
+        case Q:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case y:
+            return "Portal";
+          case G:
+            return e.displayName || "Context";
+          case S:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case B:
+            var t = e.render;
+            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case Z:
+            return t = e.displayName || null, t !== null ? t : o(e.type) || "Memo";
+          case N:
+            t = e._payload, e = e._init;
+            try {
+              return o(e(t));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function a(e) {
+      return "" + e;
+    }
+    function r(e) {
+      try {
+        a(e);
+        var t = !1;
+      } catch {
+        t = !0;
+      }
+      if (t) {
+        t = console;
+        var s = t.error, l = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return s.call(
+          t,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          l
+        ), a(e);
+      }
+    }
+    function n(e) {
+      if (e === v) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === N)
+        return "<...>";
+      try {
+        var t = o(e);
+        return t ? "<" + t + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function u() {
+      var e = P.A;
+      return e === null ? null : e.getOwner();
+    }
+    function d() {
+      return Error("react-stack-top-frame");
+    }
+    function b(e) {
+      if (L.call(e, "key")) {
+        var t = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (t && t.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function m(e, t) {
+      function s() {
+        M || (M = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          t
+        ));
+      }
+      s.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: s,
+        configurable: !0
+      });
+    }
+    function C() {
+      var e = o(this.type);
+      return $[e] || ($[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function j(e, t, s, l, R, F) {
+      var c = s.ref;
+      return e = {
+        $$typeof: U,
+        type: e,
+        key: t,
+        props: s,
+        _owner: l
+      }, (c !== void 0 ? c : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: C
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: R
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: F
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function w(e, t, s, l, R, F) {
+      var c = t.children;
+      if (c !== void 0)
+        if (l)
+          if (ee(c)) {
+            for (l = 0; l < c.length; l++)
+              _(c[l]);
+            Object.freeze && Object.freeze(c);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else _(c);
+      if (L.call(t, "key")) {
+        c = o(e);
+        var h = Object.keys(t).filter(function(re) {
+          return re !== "key";
+        });
+        l = 0 < h.length ? "{key: someKey, " + h.join(": ..., ") + ": ...}" : "{key: someKey}", V[c + l] || (h = 0 < h.length ? "{" + h.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          l,
+          c,
+          h,
+          c
+        ), V[c + l] = !0);
+      }
+      if (c = null, s !== void 0 && (r(s), c = "" + s), b(t) && (r(t.key), c = "" + t.key), "key" in t) {
+        s = {};
+        for (var I in t)
+          I !== "key" && (s[I] = t[I]);
+      } else s = t;
+      return c && m(
+        s,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), j(
+        e,
+        c,
+        s,
+        u(),
+        R,
+        F
+      );
+    }
+    function _(e) {
+      g(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === N && (e._payload.status === "fulfilled" ? g(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function g(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === U;
+    }
+    var p = te, U = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), O = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), S = Symbol.for("react.consumer"), G = Symbol.for("react.context"), B = Symbol.for("react.forward_ref"), H = Symbol.for("react.suspense"), X = Symbol.for("react.suspense_list"), Z = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), Q = Symbol.for("react.activity"), K = Symbol.for("react.client.reference"), P = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, ee = Array.isArray, Y = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    p = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var M, $ = {}, D = p.react_stack_bottom_frame.bind(
+      p,
+      d
+    )(), W = Y(n(d)), V = {};
+    E.Fragment = v, E.jsx = function(e, t, s) {
+      var l = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return w(
+        e,
+        t,
+        s,
+        !1,
+        l ? Error("react-stack-top-frame") : D,
+        l ? Y(n(e)) : W
+      );
+    }, E.jsxs = function(e, t, s) {
+      var l = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return w(
+        e,
+        t,
+        s,
+        !0,
+        l ? Error("react-stack-top-frame") : D,
+        l ? Y(n(e)) : W
+      );
+    };
+  })()), E;
+}
+var q;
+function ie() {
+  return q || (q = 1, process.env.NODE_ENV === "production" ? T.exports = le() : T.exports = ce()), T.exports;
+}
+var i = ie();
+const pe = ({
+  className: o,
+  children: a,
+  disabled: r = !1,
+  onClick: n
+}) => /* @__PURE__ */ i.jsx(
+  "div",
+  {
+    className: f(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      r && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: r ? void 0 : n,
+    role: "region",
+    "aria-label": "UbreakUtimer",
+    children: a || "UbreakUtimer Component"
+  }
+);
+function ue({
+  title: o,
+  titleId: a,
+  ...r
+}, n) {
+  return /* @__PURE__ */ k.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: n,
+    "aria-labelledby": a
+  }, r), o ? /* @__PURE__ */ k.createElement("title", {
+    id: a
+  }, o) : null, /* @__PURE__ */ k.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "m4.5 12.75 6 6 9-13.5"
+  }));
+}
+const de = /* @__PURE__ */ k.forwardRef(ue);
+function fe({
+  title: o,
+  titleId: a,
+  ...r
+}, n) {
+  return /* @__PURE__ */ k.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: n,
+    "aria-labelledby": a
+  }, r), o ? /* @__PURE__ */ k.createElement("title", {
+    id: a
+  }, o) : null, /* @__PURE__ */ k.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M8.25 7.5V6.108c0-1.135.845-2.098 1.976-2.192.373-.03.748-.057 1.123-.08M15.75 18H18a2.25 2.25 0 0 0 2.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 0 0-1.123-.08M15.75 18.75v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5A3.375 3.375 0 0 0 6.375 7.5H5.25m11.9-3.664A2.251 2.251 0 0 0 15 2.25h-1.5a2.251 2.251 0 0 0-2.15 1.586m5.8 0c.065.21.1.433.1.664v.75h-6V4.5c0-.231.035-.454.1-.664M6.75 7.5H4.875c-.621 0-1.125.504-1.125 1.125v12c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V16.5a9 9 0 0 0-9-9Z"
+  }));
+}
+const ge = /* @__PURE__ */ k.forwardRef(fe), ye = ({
+  text: o,
+  size: a = "md",
+  variant: r = "icon",
+  label: n = "Copy",
+  successLabel: u = "Copied!",
+  iconPosition: d = "left",
+  className: b,
+  title: m,
+  onCopySuccess: C,
+  onCopyError: j
+}) => {
+  const { copyToClipboard: w, isCopied: _ } = ne({
+    successDuration: 2e3,
+    onSuccess: C,
+    onError: j
+  }), g = _(o), p = () => {
+    w(o);
+  }, y = {
+    sm: {
+      icon: "h-3.5 w-3.5",
+      button: "p-1",
+      text: "text-xs px-2 py-1"
+    },
+    md: {
+      icon: "h-4 w-4",
+      button: "p-1.5",
+      text: "text-sm px-3 py-1.5"
+    },
+    lg: {
+      icon: "h-5 w-5",
+      button: "p-2",
+      text: "text-base px-4 py-2"
+    }
+  }[a], v = g ? de : ge;
+  if (r === "icon")
+    return /* @__PURE__ */ i.jsx(
+      "button",
+      {
+        onClick: p,
+        className: f(
+          "inline-flex items-center justify-center rounded transition-colors",
+          g ? "text-green-600 dark:text-green-400" : "text-gray-400 hover:text-gray-600 dark:hover:text-gray-300",
+          y.button,
+          b
+        ),
+        title: m || (g ? "Copied!" : "Copy to clipboard"),
+        type: "button",
+        children: /* @__PURE__ */ i.jsx(v, { className: y.icon })
+      }
+    );
+  const O = f(
+    "inline-flex items-center gap-2 rounded font-medium transition-colors",
+    y.text
+  ), A = {
+    text: f(
+      g ? "text-green-600 dark:text-green-400" : "text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300"
+    ),
+    outline: f(
+      "border",
+      g ? "border-green-600 text-green-600 dark:border-green-400 dark:text-green-400" : "border-gray-300 text-gray-700 hover:border-gray-400 dark:border-gray-600 dark:text-gray-300 dark:hover:border-gray-500"
+    )
+  }, S = g ? u : n;
+  return /* @__PURE__ */ i.jsxs(
+    "button",
+    {
+      onClick: p,
+      className: f(O, A[r], b),
+      title: m || (g ? "Copied!" : "Copy to clipboard"),
+      type: "button",
+      children: [
+        d === "left" && /* @__PURE__ */ i.jsx(v, { className: y.icon }),
+        /* @__PURE__ */ i.jsx("span", { children: S }),
+        d === "right" && /* @__PURE__ */ i.jsx(v, { className: y.icon })
+      ]
+    }
+  );
+}, ve = ({
+  className: o,
+  children: a,
+  disabled: r = !1,
+  onClick: n
+}) => /* @__PURE__ */ i.jsx(
+  "div",
+  {
+    className: f(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      r && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: r ? void 0 : n,
+    role: "region",
+    "aria-label": "UcursorUtracker",
+    children: a || "UcursorUtracker Component"
+  }
+), he = ({
+  className: o,
+  children: a,
+  disabled: r = !1,
+  onClick: n
+}) => /* @__PURE__ */ i.jsx(
+  "div",
+  {
+    className: f(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      r && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: r ? void 0 : n,
+    role: "region",
+    "aria-label": "UgasUtracker",
+    children: a || "UgasUtracker Component"
+  }
+), xe = ({
+  className: o,
+  children: a,
+  disabled: r = !1,
+  onClick: n
+}) => /* @__PURE__ */ i.jsx(
+  "div",
+  {
+    className: f(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      r && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: r ? void 0 : n,
+    role: "region",
+    "aria-label": "UovertimeUtracker",
+    children: a || "UovertimeUtracker Component"
+  }
+), Ee = ({ children: o, container: a }) => {
+  const [r, n] = oe(!1);
+  if (ae(() => (n(!0), () => n(!1)), []), !r) return null;
+  const u = a || document.body;
+  return se(o, u);
+}, we = ({
+  className: o,
+  children: a,
+  disabled: r
+}) => /* @__PURE__ */ i.jsx(
+  "div",
+  {
+    className: f(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      r && "opacity-50 cursor-not-allowed",
+      o
+    ),
+    role: "region",
+    "aria-label": "RecyclingTracker",
+    children: a || "RecyclingTracker Component"
+  }
+), _e = ({
+  when: o,
+  children: a,
+  fallback: r = null
+}) => /* @__PURE__ */ i.jsx(i.Fragment, { children: o ? a : r }), Re = ({
+  className: o,
+  children: a,
+  disabled: r = !1,
+  onClick: n
+}) => /* @__PURE__ */ i.jsx(
+  "div",
+  {
+    className: f(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      r && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: r ? void 0 : n,
+    role: "region",
+    "aria-label": "UsleepUtracker",
+    children: a || "UsleepUtracker Component"
+  }
+), Te = ({
+  className: o,
+  children: a,
+  disabled: r = !1,
+  onClick: n
+}) => /* @__PURE__ */ i.jsx(
+  "div",
+  {
+    className: f(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      r && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: r ? void 0 : n,
+    role: "region",
+    "aria-label": "UtimeUtracker",
+    children: a || "UtimeUtracker Component"
+  }
+), Ce = ({
+  className: o,
+  children: a,
+  disabled: r = !1,
+  onClick: n
+}) => /* @__PURE__ */ i.jsx(
+  "div",
+  {
+    className: f(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      r && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      o
+    ),
+    onClick: r ? void 0 : n,
+    role: "region",
+    "aria-label": "UwaterUintake",
+    children: a || "UwaterUintake Component"
+  }
+);
+export {
+  ye as CopyButton,
+  Ee as Portal,
+  we as RecyclingTracker,
+  _e as Show,
+  pe as UbreakUtimer,
+  ve as UcursorUtracker,
+  he as UgasUtracker,
+  xe as UovertimeUtracker,
+  Re as UsleepUtracker,
+  Te as UtimeUtracker,
+  Ce as UwaterUintake
+};
+//# sourceMappingURL=index.esm.js.map