@innofulfill/exclationmatric 0.1.0

package/README.md

@@ -0,0 +1,38 @@
+# React Package Project
+
+This is a starter template for building a React component library or npm package using Vite.
+
+## Project Structure
+
+- `src/components`: Your library components go here.
+- `src/index.js`: The entry point for your library exports.
+- `src/App.jsx`: A demo application to test your components during development.
+- `vite.config.js`: Configured for library mode (builds UMD and ES modules).
+
+## Scripts
+
+- `npm run dev`: Starts the development server with the demo app.
+- `npm run build`: Builds the library for distribution (outputs to `dist/`).
+- `npm run preview`: Previews the built demo app (if configured).
+- `npm run lint`: Runs ESLint.
+
+## How to Develop
+
+1.  Create your components in `src/components/`.
+2.  Export them in `src/index.js`.
+3.  Import and test them in `src/App.jsx` running `npm run dev`.
+
+## How to Publish
+
+1.  Update `package.json` version.
+2.  Run `npm run build`.
+3.  Run `npm publish` (ensure you are logged in to npm).
+
+## Consumption
+
+Users can import your package like this:
+
+```js
+import { MyButton } from 'react-package-project';
+import 'react-package-project/dist/style.css'; // Import styles
+```

package/dist/exclationmatric.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Roboto:wght@500&display=swap";.matrix-wrapper{font-family:Inter,sans-serif;color:#1f2937;background-color:#f3f4f6;padding:24px;min-height:100vh}.matrix-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background-color:#fff;padding:0 24px;height:69px;border-radius:12px;box-shadow:0 1px 2px #0000000d;box-sizing:border-box}.header-title-wrapper{display:flex;align-items:center;gap:12px}.header-title{font-family:Roboto,sans-serif;font-size:18px;font-weight:500;line-height:100%;letter-spacing:0%;color:#003371;margin:0}.header-icon{color:#2563eb}.search-wrapper{position:relative;display:flex;align-items:center;width:320px}.search-wrapper svg{position:absolute;left:12px;color:#9ca3af}.search-input{width:100%;padding:10px 12px 10px 40px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s;color:#374151}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.matrix-content{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.matrix-table-container{overflow-x:auto}.matrix-table{width:100%;border-collapse:collapse;min-width:1200px}.matrix-table th{background-color:#f9fafb;text-align:left;padding:16px 24px;font-size:12px;font-weight:500;color:#6b7280;text-transform:capitalize;border-bottom:1px solid #E5E7EB}.matrix-table tbody tr{height:92px}.matrix-table td{padding:16px 24px;vertical-align:top;border-bottom:1px solid #F3F4F6}.hub-column{width:267px;min-width:267px}.hub-cell-content{font-family:Inter,sans-serif;font-weight:500;font-size:14px;line-height:20px;letter-spacing:0%;color:#101828;margin-bottom:14px}.person-cell{min-width:180px}.person-details{display:flex;flex-direction:column}.person-name{font-family:Roboto,sans-serif;font-size:14px;font-weight:400;font-style:normal;line-height:20px;letter-spacing:0%;color:#101828;margin-bottom:0}.person-phone-wrapper{display:flex;align-items:center;gap:6px;font-family:Roboto,sans-serif;font-weight:400;font-style:normal;font-size:14px;line-height:20px;letter-spacing:0%;color:#475467;margin-bottom:0}.copy-icon{cursor:pointer}.person-role-tag{display:inline-block;background-color:#ecfdf5;color:#059669;font-family:Roboto,sans-serif;font-size:12px;font-weight:500;line-height:18px;letter-spacing:0%;text-align:center;padding:2px 8px;border-radius:4px;width:fit-content}.empty-cell{color:#e5e7eb}.pagination-footer{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:68px;border-top:1px solid #E5E7EB;box-sizing:border-box}.pagination-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #D0D5DD;background-color:#fff;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.pagination-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.pagination-numbers{display:flex;align-items:center;gap:4px}.page-number{width:32px;height:32px;display:flex;justify-content:center;align-items:center;border:none;background:none;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:0%;text-align:center;color:#667085;border-radius:6px;cursor:pointer}.page-number:hover{background-color:#f3f4f6}.page-number.active{background-color:#f9f5ff;color:#2563eb;font-weight:600}.page-dots{color:#9ca3af;padding:0 4px}@media(max-width:768px){.matrix-wrapper{padding:16px}.matrix-header-bar{height:auto;min-height:69px;flex-direction:column;align-items:stretch;gap:16px;padding:16px}.header-title-wrapper{justify-content:flex-start}.search-wrapper{width:100%}.matrix-content{border-radius:8px}.pagination-footer{flex-direction:column;gap:16px}.pagination-numbers{order:-1;flex-wrap:wrap;justify-content:center}.pagination-btn{width:100%;justify-content:center}}

package/dist/exclationmatric.js

@@ -0,0 +1,456 @@
+import ee from "react";
+var A = { exports: {} }, v = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var B;
+function re() {
+  if (B) return v;
+  B = 1;
+  var u = Symbol.for("react.transitional.element"), p = Symbol.for("react.fragment");
+  function i(c, s, l) {
+    var d = null;
+    if (l !== void 0 && (d = "" + l), s.key !== void 0 && (d = "" + s.key), "key" in s) {
+      l = {};
+      for (var m in s)
+        m !== "key" && (l[m] = s[m]);
+    } else l = s;
+    return s = l.ref, {
+      $$typeof: u,
+      type: c,
+      key: d,
+      ref: s !== void 0 ? s : null,
+      props: l
+    };
+  }
+  return v.Fragment = p, v.jsx = i, v.jsxs = i, v;
+}
+var x = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var I;
+function te() {
+  return I || (I = 1, process.env.NODE_ENV !== "production" && (function() {
+    function u(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 b:
+          return "Fragment";
+        case W:
+          return "Profiler";
+        case G:
+          return "StrictMode";
+        case F:
+          return "Suspense";
+        case Z:
+          return "SuspenseList";
+        case z:
+          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 J:
+            return e.displayName || "Context";
+          case $:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case V:
+            var t = e.render;
+            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case q:
+            return t = e.displayName || null, t !== null ? t : u(e.type) || "Memo";
+          case R:
+            t = e._payload, e = e._init;
+            try {
+              return u(e(t));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function p(e) {
+      return "" + e;
+    }
+    function i(e) {
+      try {
+        p(e);
+        var t = !1;
+      } catch {
+        t = !0;
+      }
+      if (t) {
+        t = console;
+        var n = t.error, a = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return n.call(
+          t,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          a
+        ), p(e);
+      }
+    }
+    function c(e) {
+      if (e === b) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === R)
+        return "<...>";
+      try {
+        var t = u(e);
+        return t ? "<" + t + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function s() {
+      var e = j.A;
+      return e === null ? null : e.getOwner();
+    }
+    function l() {
+      return Error("react-stack-top-frame");
+    }
+    function d(e) {
+      if (C.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 n() {
+        S || (S = !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
+        ));
+      }
+      n.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: n,
+        configurable: !0
+      });
+    }
+    function D() {
+      var e = u(this.type);
+      return M[e] || (M[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 U(e, t, n, a, f, k) {
+      var o = n.ref;
+      return e = {
+        $$typeof: _,
+        type: e,
+        key: t,
+        props: n,
+        _owner: a
+      }, (o !== void 0 ? o : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: D
+      }) : 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: f
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: k
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function N(e, t, n, a, f, k) {
+      var o = t.children;
+      if (o !== void 0)
+        if (a)
+          if (X(o)) {
+            for (a = 0; a < o.length; a++)
+              T(o[a]);
+            Object.freeze && Object.freeze(o);
+          } 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 T(o);
+      if (C.call(t, "key")) {
+        o = u(e);
+        var h = Object.keys(t).filter(function(Q) {
+          return Q !== "key";
+        });
+        a = 0 < h.length ? "{key: someKey, " + h.join(": ..., ") + ": ...}" : "{key: someKey}", y[o + a] || (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} />`,
+          a,
+          o,
+          h,
+          o
+        ), y[o + a] = !0);
+      }
+      if (o = null, n !== void 0 && (i(n), o = "" + n), d(t) && (i(t.key), o = "" + t.key), "key" in t) {
+        n = {};
+        for (var g in t)
+          g !== "key" && (n[g] = t[g]);
+      } else n = t;
+      return o && m(
+        n,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), U(
+        e,
+        o,
+        n,
+        s(),
+        f,
+        k
+      );
+    }
+    function T(e) {
+      w(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === R && (e._payload.status === "fulfilled" ? w(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function w(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === _;
+    }
+    var E = ee, _ = Symbol.for("react.transitional.element"), Y = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), G = Symbol.for("react.strict_mode"), W = Symbol.for("react.profiler"), $ = Symbol.for("react.consumer"), J = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), Z = Symbol.for("react.suspense_list"), q = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), z = Symbol.for("react.activity"), K = Symbol.for("react.client.reference"), j = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, X = Array.isArray, O = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    E = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var S, M = {}, H = E.react_stack_bottom_frame.bind(
+      E,
+      l
+    )(), P = O(c(l)), y = {};
+    x.Fragment = b, x.jsx = function(e, t, n) {
+      var a = 1e4 > j.recentlyCreatedOwnerStacks++;
+      return N(
+        e,
+        t,
+        n,
+        !1,
+        a ? Error("react-stack-top-frame") : H,
+        a ? O(c(e)) : P
+      );
+    }, x.jsxs = function(e, t, n) {
+      var a = 1e4 > j.recentlyCreatedOwnerStacks++;
+      return N(
+        e,
+        t,
+        n,
+        !0,
+        a ? Error("react-stack-top-frame") : H,
+        a ? O(c(e)) : P
+      );
+    };
+  })()), x;
+}
+var L;
+function ne() {
+  return L || (L = 1, process.env.NODE_ENV === "production" ? A.exports = re() : A.exports = te()), A.exports;
+}
+var r = ne();
+const ae = "data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.75%2011.25C6.75%209.1287%206.75%208.06805%207.40901%207.40901C8.06805%206.75%209.1287%206.75%2011.25%206.75H12C14.1213%206.75%2015.1819%206.75%2015.841%207.40901C16.5%208.06805%2016.5%209.1287%2016.5%2011.25V12C16.5%2014.1213%2016.5%2015.1819%2015.841%2015.841C15.1819%2016.5%2014.1213%2016.5%2012%2016.5H11.25C9.1287%2016.5%208.06805%2016.5%207.40901%2015.841C6.75%2015.1819%206.75%2014.1213%206.75%2012V11.25Z'%20stroke='%232E77D0'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12.7499%206.75C12.7481%204.53218%2012.7146%203.38341%2012.069%202.59682C11.9443%202.44492%2011.8051%202.30563%2011.6532%202.18097C10.8234%201.5%209.59062%201.5%207.125%201.5C4.65939%201.5%203.42658%201.5%202.59682%202.18097C2.44492%202.30563%202.30563%202.44492%202.18097%202.59682C1.5%203.42658%201.5%204.65939%201.5%207.125C1.5%209.59062%201.5%2010.8234%202.18097%2011.6532C2.30563%2011.8051%202.44492%2011.9443%202.59682%2012.069C3.38341%2012.7146%204.53218%2012.7481%206.75%2012.7499'%20stroke='%232E77D0'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", oe = "data:image/svg+xml,%3csvg%20width='21'%20height='21'%20viewBox='0%200%2021%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.9375%208.75C3.9375%205.45017%203.9375%203.80026%204.96262%202.77512C5.98776%201.75%207.63767%201.75%2010.9375%201.75H12.25C15.5498%201.75%2017.1998%201.75%2018.2248%202.77512C19.25%203.80026%2019.25%205.45017%2019.25%208.75V12.25C19.25%2015.5498%2019.25%2017.1998%2018.2248%2018.2248C17.1998%2019.25%2015.5498%2019.25%2012.25%2019.25H10.9375C7.63767%2019.25%205.98776%2019.25%204.96262%2018.2248C3.9375%2017.1998%203.9375%2015.5498%203.9375%2012.25V8.75Z'%20stroke='%23003371'%20stroke-width='1.3125'/%3e%3cpath%20d='M3.9375%205.25H1.75M3.9375%2010.5H1.75M3.9375%2015.75H1.75'%20stroke='%23003371'%20stroke-width='1.3125'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.3631%207.42963C13.3631%208.3961%2012.5796%209.17962%2011.6132%209.17962C10.6468%209.17962%209.86328%208.3961%209.86328%207.42963C9.86328%206.46316%2010.6468%205.67969%2011.6132%205.67969C12.5796%205.67969%2013.3631%206.46316%2013.3631%207.42963Z'%20stroke='%23003371'%20stroke-width='1.3125'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M8.15667%2013.7518C9.08275%2012.3262%2010.5534%2011.7919%2011.6174%2011.793C12.6815%2011.7941%2014.1089%2012.3262%2015.0349%2013.7518C15.0949%2013.8441%2015.1113%2013.9575%2015.0573%2014.0534C14.8408%2014.4374%2014.1683%2015.1994%2013.6826%2015.2511C13.1246%2015.3105%2011.6648%2015.3188%2011.6185%2015.319C11.5721%2015.3188%2010.0673%2015.3105%209.50897%2015.2511C9.02334%2015.1994%208.3509%2014.4374%208.13433%2014.0534C8.0803%2013.9575%208.0968%2013.8441%208.15667%2013.7518Z'%20stroke='%23003371'%20stroke-width='1.3125'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", se = [
+  {
+    hub: "Agra Hub - North",
+    levels: [
+      { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" },
+      { name: "Gaurav Bhatti", role: "Executive", phone: "+91 9898342321" },
+      { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" },
+      { name: "Gaurav Bhatti", role: "Hub Manager", phone: "+91 9898342321" },
+      { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" }
+    ]
+  },
+  {
+    hub: "AHMEDABAD ASLALI HUB - WEST2",
+    levels: [
+      { name: "RIDDHI RAVAL", role: "Operation Executive", phone: "6358998528" },
+      { name: "PRABHAT SHEKHA", role: "Ops Supervisor", phone: "8488802885" },
+      { name: "KANU RABARI", role: "Operation Executive", phone: "9582301908" },
+      { name: "MAYUR JOSHI", role: "Senior Operation Executive", phone: "9099998840" },
+      { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" }
+    ]
+  },
+  {
+    hub: "AHMEDABAD BHULABHAI HUB - WEST2",
+    levels: [
+      { name: "Neha Ayar", role: "Operation Executive", phone: "9099998848" },
+      { name: "BHOOMIKA AYAR", role: "Ops Manager", phone: "9099998848" },
+      { name: "TARUN PARMAR", role: "Operation Executive", phone: "9974407476" },
+      { name: "Re", role: "Operation Executive", phone: "9099998840" },
+      { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" }
+    ]
+  },
+  {
+    hub: "AHMEDABAD ISKCON HUB - WEST2",
+    levels: [
+      { name: "NITIN MISTRY", role: "Operation Executive", phone: "9825072135" },
+      { name: "KAMLESH DESAI", role: "Team Member Operation", phone: "9909100091" },
+      { name: "MAYUR JOSHI", role: "Operation Executive", phone: "9099998840" },
+      { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" },
+      { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" }
+    ]
+  },
+  {
+    hub: "AHMEDABAD MITHAKHALI HUB - WEST2",
+    levels: [
+      { name: "HUB RECEPTION", role: "Operation Executive", phone: "9099998848" },
+      { name: "MR. VASANT PADHIYAR", role: "Area Leader Operation", phone: "9898758774" },
+      { name: "MR. MAYUR JOSHI", role: "Operation Executive", phone: "9099998840" },
+      { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" },
+      { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" }
+    ]
+  },
+  {
+    hub: "AHMEDABAD NEHRUNAGAR HUB - WEST2",
+    levels: [
+      { name: "Taslim Ansari", role: "Operation Executive", phone: "7211148918" },
+      { name: "MAYUR DESAI", role: "Operation Executive", phone: "7486012144" },
+      { name: "MAYUR JOSHI", role: "Operation Executive", phone: "9099998840" },
+      { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" },
+      { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" }
+    ]
+  },
+  {
+    hub: "ALLEPPEY HUB - SOUTH1",
+    levels: [
+      { name: "PRAMOD KUMAR", role: "Operation Executive", phone: "7486049651" },
+      { name: "SHEEN S", role: "Operation Executive", phone: "9265863490" },
+      { name: "SAJEEV ASHOKAN", role: "Operation Executive", phone: "8511090918" },
+      { name: "PETER JOHNY", role: "Operation Executive", phone: "9995400227" },
+      { name: "SREEJITH PM", role: "Operation Executive", phone: "9081699918" }
+    ]
+  },
+  {
+    hub: "AMBALA HUB - NORTH",
+    levels: [
+      { name: "SANJAY", role: "Operation Executive", phone: "7485980918" },
+      { name: "MR RAVI KANT", role: "Operation Executive", phone: "98980 76826" },
+      { name: "MR AMIT", role: "Operation Executive", phone: "7801890918" },
+      { name: "SURESH JAMWAL", role: "Operation Executive", phone: "7359099918" },
+      { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" }
+    ]
+  },
+  {
+    hub: "AMBALA HUB - EAST",
+    levels: [
+      { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" },
+      { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" },
+      { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" },
+      { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" },
+      { name: "Gaurav Bhatti", role: "Operation Executive", phone: "+91 9898342321" }
+    ]
+  }
+], ie = () => /* @__PURE__ */ r.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ r.jsx("path", { d: "M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z", stroke: "#666", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ r.jsx("path", { d: "M21 21L16.65 16.65", stroke: "#666", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+] }), le = () => /* @__PURE__ */ r.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ r.jsx("path", { d: "M19 12H5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ r.jsx("path", { d: "M12 19L5 12L12 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+] }), ce = () => /* @__PURE__ */ r.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ r.jsx("path", { d: "M5 12H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ r.jsx("path", { d: "M12 5L19 12L12 19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+] }), pe = () => {
+  const u = (i) => {
+    navigator.clipboard.writeText(i);
+  }, p = (i) => {
+    if (!i) return "";
+    const c = i.toString().trim();
+    return c.startsWith("+91") ? c : `+91 ${c}`;
+  };
+  return /* @__PURE__ */ r.jsxs("div", { className: "matrix-wrapper", children: [
+    /* @__PURE__ */ r.jsxs("div", { className: "matrix-header-bar", children: [
+      /* @__PURE__ */ r.jsxs("div", { className: "header-title-wrapper", children: [
+        /* @__PURE__ */ r.jsx("img", { src: oe, className: "header-icon", alt: "support", width: "24", height: "24" }),
+        /* @__PURE__ */ r.jsx("h2", { className: "header-title", children: "Delivery Issues & Support" })
+      ] }),
+      /* @__PURE__ */ r.jsxs("div", { className: "search-wrapper", children: [
+        /* @__PURE__ */ r.jsx(ie, {}),
+        /* @__PURE__ */ r.jsx("input", { type: "text", placeholder: "Search Hubs, Zone or Name..", className: "search-input" })
+      ] })
+    ] }),
+    /* @__PURE__ */ r.jsxs("div", { className: "matrix-content", children: [
+      /* @__PURE__ */ r.jsx("div", { className: "matrix-table-container", children: /* @__PURE__ */ r.jsxs("table", { className: "matrix-table", children: [
+        /* @__PURE__ */ r.jsx("thead", { children: /* @__PURE__ */ r.jsxs("tr", { children: [
+          /* @__PURE__ */ r.jsx("th", { className: "hub-column", children: "Hub - Zone" }),
+          /* @__PURE__ */ r.jsx("th", { children: "Primary Contact" }),
+          /* @__PURE__ */ r.jsx("th", { children: "Supervisor" }),
+          /* @__PURE__ */ r.jsx("th", { children: "Hub Manager" }),
+          /* @__PURE__ */ r.jsx("th", { children: "Regional Head" }),
+          /* @__PURE__ */ r.jsx("th", { children: "Zonal Head" })
+        ] }) }),
+        /* @__PURE__ */ r.jsx("tbody", { children: se.map((i, c) => /* @__PURE__ */ r.jsxs("tr", { children: [
+          /* @__PURE__ */ r.jsx("td", { className: "hub-cell-content", children: i.hub }),
+          i.levels.slice(0, 5).map((s, l) => /* @__PURE__ */ r.jsx("td", { className: "person-cell", children: s ? /* @__PURE__ */ r.jsxs("div", { className: "person-details", children: [
+            /* @__PURE__ */ r.jsx("div", { className: "person-name", children: s.name }),
+            /* @__PURE__ */ r.jsxs("div", { className: "person-phone-wrapper", style: { cursor: "pointer" }, children: [
+              /* @__PURE__ */ r.jsx("span", { className: "person-phone", children: p(s.phone) }),
+              /* @__PURE__ */ r.jsx(
+                "img",
+                {
+                  src: ae,
+                  className: "copy-icon",
+                  alt: "copy",
+                  width: "14",
+                  height: "14",
+                  onClick: () => u(p(s.phone))
+                }
+              )
+            ] }),
+            /* @__PURE__ */ r.jsx("div", { className: "person-role-tag", children: s.role })
+          ] }) : /* @__PURE__ */ r.jsx("span", { className: "empty-cell", children: "-" }) }, l)),
+          [...Array(Math.max(0, 5 - i.levels.length))].map((s, l) => /* @__PURE__ */ r.jsx("td", { className: "person-cell", children: /* @__PURE__ */ r.jsx("span", { className: "empty-cell", children: "-" }) }, `empty-${l}`))
+        ] }, c)) })
+      ] }) }),
+      /* @__PURE__ */ r.jsxs("div", { className: "pagination-footer", children: [
+        /* @__PURE__ */ r.jsxs("button", { className: "pagination-btn", children: [
+          /* @__PURE__ */ r.jsx(le, {}),
+          " Previous"
+        ] }),
+        /* @__PURE__ */ r.jsxs("div", { className: "pagination-numbers", children: [
+          /* @__PURE__ */ r.jsx("button", { className: "page-number active", children: "1" }),
+          /* @__PURE__ */ r.jsx("button", { className: "page-number", children: "2" }),
+          /* @__PURE__ */ r.jsx("button", { className: "page-number", children: "3" }),
+          /* @__PURE__ */ r.jsx("span", { className: "page-dots", children: "..." }),
+          /* @__PURE__ */ r.jsx("button", { className: "page-number", children: "8" }),
+          /* @__PURE__ */ r.jsx("button", { className: "page-number", children: "9" }),
+          /* @__PURE__ */ r.jsx("button", { className: "page-number", children: "10" })
+        ] }),
+        /* @__PURE__ */ r.jsxs("button", { className: "pagination-btn", children: [
+          "Next ",
+          /* @__PURE__ */ r.jsx(ce, {})
+        ] })
+      ] })
+    ] })
+  ] });
+};
+export {
+  pe as ExclationMatrix
+};

package/dist/exclationmatric.umd.cjs

@@ -0,0 +1,22 @@
+(function(p,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],m):(p=typeof globalThis<"u"?globalThis:p||self,m(p.ExclationMatric={},p.React))})(this,(function(p,m){"use strict";var A={exports:{}},v={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var w;function Y(){if(w)return v;w=1;var u=Symbol.for("react.transitional.element"),h=Symbol.for("react.fragment");function i(c,s,l){var f=null;if(l!==void 0&&(f=""+l),s.key!==void 0&&(f=""+s.key),"key"in s){l={};for(var E in s)E!=="key"&&(l[E]=s[E])}else l=s;return s=l.ref,{$$typeof:u,type:c,key:f,ref:s!==void 0?s:null,props:l}}return v.Fragment=h,v.jsx=i,v.jsxs=i,v}var x={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var _;function G(){return _||(_=1,process.env.NODE_ENV!=="production"&&(function(){function u(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ce?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case R:return"Fragment";case re:return"Profiler";case ee:return"StrictMode";case oe:return"Suspense";case se:return"SuspenseList";case le: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 Q:return"Portal";case ne:return e.displayName||"Context";case te:return(e._context.displayName||"Context")+".Consumer";case ae:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ie:return t=e.displayName||null,t!==null?t:u(e.type)||"Memo";case O:t=e._payload,e=e._init;try{return u(e(t))}catch{}}return null}function h(e){return""+e}function i(e){try{h(e);var t=!1}catch{t=!0}if(t){t=console;var n=t.error,a=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return n.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",a),h(e)}}function c(e){if(e===R)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===O)return"<...>";try{var t=u(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function s(){var e=k.A;return e===null?null:e.getOwner()}function l(){return Error("react-stack-top-frame")}function f(e){if(P.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function E(e,t){function n(){B||(B=!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))}n.isReactWarning=!0,Object.defineProperty(e,"key",{get:n,configurable:!0})}function K(){var e=u(this.type);return I[e]||(I[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 X(e,t,n,a,j,T){var o=n.ref;return e={$$typeof:y,type:e,key:t,props:n,_owner:a},(o!==void 0?o:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:K}):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:j}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:T}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function C(e,t,n,a,j,T){var o=t.children;if(o!==void 0)if(a)if(ue(o)){for(a=0;a<o.length;a++)M(o[a]);Object.freeze&&Object.freeze(o)}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 M(o);if(P.call(t,"key")){o=u(e);var d=Object.keys(t).filter(function(pe){return pe!=="key"});a=0<d.length?"{key: someKey, "+d.join(": ..., ")+": ...}":"{key: someKey}",U[o+a]||(d=0<d.length?"{"+d.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} />`,a,o,d,o),U[o+a]=!0)}if(o=null,n!==void 0&&(i(n),o=""+n),f(t)&&(i(t.key),o=""+t.key),"key"in t){n={};for(var N in t)N!=="key"&&(n[N]=t[N])}else n=t;return o&&E(n,typeof e=="function"?e.displayName||e.name||"Unknown":e),X(e,o,n,s(),j,T)}function M(e){H(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===O&&(e._payload.status==="fulfilled"?H(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function H(e){return typeof e=="object"&&e!==null&&e.$$typeof===y}var b=m,y=Symbol.for("react.transitional.element"),Q=Symbol.for("react.portal"),R=Symbol.for("react.fragment"),ee=Symbol.for("react.strict_mode"),re=Symbol.for("react.profiler"),te=Symbol.for("react.consumer"),ne=Symbol.for("react.context"),ae=Symbol.for("react.forward_ref"),oe=Symbol.for("react.suspense"),se=Symbol.for("react.suspense_list"),ie=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),le=Symbol.for("react.activity"),ce=Symbol.for("react.client.reference"),k=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,P=Object.prototype.hasOwnProperty,ue=Array.isArray,g=console.createTask?console.createTask:function(){return null};b={react_stack_bottom_frame:function(e){return e()}};var B,I={},L=b.react_stack_bottom_frame.bind(b,l)(),D=g(c(l)),U={};x.Fragment=R,x.jsx=function(e,t,n){var a=1e4>k.recentlyCreatedOwnerStacks++;return C(e,t,n,!1,a?Error("react-stack-top-frame"):L,a?g(c(e)):D)},x.jsxs=function(e,t,n){var a=1e4>k.recentlyCreatedOwnerStacks++;return C(e,t,n,!0,a?Error("react-stack-top-frame"):L,a?g(c(e)):D)}})()),x}var S;function W(){return S||(S=1,process.env.NODE_ENV==="production"?A.exports=Y():A.exports=G()),A.exports}var r=W();const J="data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.75%2011.25C6.75%209.1287%206.75%208.06805%207.40901%207.40901C8.06805%206.75%209.1287%206.75%2011.25%206.75H12C14.1213%206.75%2015.1819%206.75%2015.841%207.40901C16.5%208.06805%2016.5%209.1287%2016.5%2011.25V12C16.5%2014.1213%2016.5%2015.1819%2015.841%2015.841C15.1819%2016.5%2014.1213%2016.5%2012%2016.5H11.25C9.1287%2016.5%208.06805%2016.5%207.40901%2015.841C6.75%2015.1819%206.75%2014.1213%206.75%2012V11.25Z'%20stroke='%232E77D0'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M12.7499%206.75C12.7481%204.53218%2012.7146%203.38341%2012.069%202.59682C11.9443%202.44492%2011.8051%202.30563%2011.6532%202.18097C10.8234%201.5%209.59062%201.5%207.125%201.5C4.65939%201.5%203.42658%201.5%202.59682%202.18097C2.44492%202.30563%202.30563%202.44492%202.18097%202.59682C1.5%203.42658%201.5%204.65939%201.5%207.125C1.5%209.59062%201.5%2010.8234%202.18097%2011.6532C2.30563%2011.8051%202.44492%2011.9443%202.59682%2012.069C3.38341%2012.7146%204.53218%2012.7481%206.75%2012.7499'%20stroke='%232E77D0'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",$="data:image/svg+xml,%3csvg%20width='21'%20height='21'%20viewBox='0%200%2021%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3.9375%208.75C3.9375%205.45017%203.9375%203.80026%204.96262%202.77512C5.98776%201.75%207.63767%201.75%2010.9375%201.75H12.25C15.5498%201.75%2017.1998%201.75%2018.2248%202.77512C19.25%203.80026%2019.25%205.45017%2019.25%208.75V12.25C19.25%2015.5498%2019.25%2017.1998%2018.2248%2018.2248C17.1998%2019.25%2015.5498%2019.25%2012.25%2019.25H10.9375C7.63767%2019.25%205.98776%2019.25%204.96262%2018.2248C3.9375%2017.1998%203.9375%2015.5498%203.9375%2012.25V8.75Z'%20stroke='%23003371'%20stroke-width='1.3125'/%3e%3cpath%20d='M3.9375%205.25H1.75M3.9375%2010.5H1.75M3.9375%2015.75H1.75'%20stroke='%23003371'%20stroke-width='1.3125'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M13.3631%207.42963C13.3631%208.3961%2012.5796%209.17962%2011.6132%209.17962C10.6468%209.17962%209.86328%208.3961%209.86328%207.42963C9.86328%206.46316%2010.6468%205.67969%2011.6132%205.67969C12.5796%205.67969%2013.3631%206.46316%2013.3631%207.42963Z'%20stroke='%23003371'%20stroke-width='1.3125'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M8.15667%2013.7518C9.08275%2012.3262%2010.5534%2011.7919%2011.6174%2011.793C12.6815%2011.7941%2014.1089%2012.3262%2015.0349%2013.7518C15.0949%2013.8441%2015.1113%2013.9575%2015.0573%2014.0534C14.8408%2014.4374%2014.1683%2015.1994%2013.6826%2015.2511C13.1246%2015.3105%2011.6648%2015.3188%2011.6185%2015.319C11.5721%2015.3188%2010.0673%2015.3105%209.50897%2015.2511C9.02334%2015.1994%208.3509%2014.4374%208.13433%2014.0534C8.0803%2013.9575%208.0968%2013.8441%208.15667%2013.7518Z'%20stroke='%23003371'%20stroke-width='1.3125'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e",V=[{hub:"Agra Hub - North",levels:[{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"},{name:"Gaurav Bhatti",role:"Executive",phone:"+91 9898342321"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"},{name:"Gaurav Bhatti",role:"Hub Manager",phone:"+91 9898342321"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"}]},{hub:"AHMEDABAD ASLALI HUB - WEST2",levels:[{name:"RIDDHI RAVAL",role:"Operation Executive",phone:"6358998528"},{name:"PRABHAT SHEKHA",role:"Ops Supervisor",phone:"8488802885"},{name:"KANU RABARI",role:"Operation Executive",phone:"9582301908"},{name:"MAYUR JOSHI",role:"Senior Operation Executive",phone:"9099998840"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"}]},{hub:"AHMEDABAD BHULABHAI HUB - WEST2",levels:[{name:"Neha Ayar",role:"Operation Executive",phone:"9099998848"},{name:"BHOOMIKA AYAR",role:"Ops Manager",phone:"9099998848"},{name:"TARUN PARMAR",role:"Operation Executive",phone:"9974407476"},{name:"Re",role:"Operation Executive",phone:"9099998840"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"}]},{hub:"AHMEDABAD ISKCON HUB - WEST2",levels:[{name:"NITIN MISTRY",role:"Operation Executive",phone:"9825072135"},{name:"KAMLESH DESAI",role:"Team Member Operation",phone:"9909100091"},{name:"MAYUR JOSHI",role:"Operation Executive",phone:"9099998840"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"}]},{hub:"AHMEDABAD MITHAKHALI HUB - WEST2",levels:[{name:"HUB RECEPTION",role:"Operation Executive",phone:"9099998848"},{name:"MR. VASANT PADHIYAR",role:"Area Leader Operation",phone:"9898758774"},{name:"MR. MAYUR JOSHI",role:"Operation Executive",phone:"9099998840"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"}]},{hub:"AHMEDABAD NEHRUNAGAR HUB - WEST2",levels:[{name:"Taslim Ansari",role:"Operation Executive",phone:"7211148918"},{name:"MAYUR DESAI",role:"Operation Executive",phone:"7486012144"},{name:"MAYUR JOSHI",role:"Operation Executive",phone:"9099998840"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"}]},{hub:"ALLEPPEY HUB - SOUTH1",levels:[{name:"PRAMOD KUMAR",role:"Operation Executive",phone:"7486049651"},{name:"SHEEN S",role:"Operation Executive",phone:"9265863490"},{name:"SAJEEV ASHOKAN",role:"Operation Executive",phone:"8511090918"},{name:"PETER JOHNY",role:"Operation Executive",phone:"9995400227"},{name:"SREEJITH PM",role:"Operation Executive",phone:"9081699918"}]},{hub:"AMBALA HUB - NORTH",levels:[{name:"SANJAY",role:"Operation Executive",phone:"7485980918"},{name:"MR RAVI KANT",role:"Operation Executive",phone:"98980 76826"},{name:"MR AMIT",role:"Operation Executive",phone:"7801890918"},{name:"SURESH JAMWAL",role:"Operation Executive",phone:"7359099918"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"}]},{hub:"AMBALA HUB - EAST",levels:[{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"},{name:"Gaurav Bhatti",role:"Operation Executive",phone:"+91 9898342321"}]}],F=()=>r.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[r.jsx("path",{d:"M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z",stroke:"#666",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.jsx("path",{d:"M21 21L16.65 16.65",stroke:"#666",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),Z=()=>r.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[r.jsx("path",{d:"M19 12H5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.jsx("path",{d:"M12 19L5 12L12 5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),q=()=>r.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[r.jsx("path",{d:"M5 12H19",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r.jsx("path",{d:"M12 5L19 12L12 19",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]}),z=()=>{const u=i=>{navigator.clipboard.writeText(i)},h=i=>{if(!i)return"";const c=i.toString().trim();return c.startsWith("+91")?c:`+91 ${c}`};return r.jsxs("div",{className:"matrix-wrapper",children:[r.jsxs("div",{className:"matrix-header-bar",children:[r.jsxs("div",{className:"header-title-wrapper",children:[r.jsx("img",{src:$,className:"header-icon",alt:"support",width:"24",height:"24"}),r.jsx("h2",{className:"header-title",children:"Delivery Issues & Support"})]}),r.jsxs("div",{className:"search-wrapper",children:[r.jsx(F,{}),r.jsx("input",{type:"text",placeholder:"Search Hubs, Zone or Name..",className:"search-input"})]})]}),r.jsxs("div",{className:"matrix-content",children:[r.jsx("div",{className:"matrix-table-container",children:r.jsxs("table",{className:"matrix-table",children:[r.jsx("thead",{children:r.jsxs("tr",{children:[r.jsx("th",{className:"hub-column",children:"Hub - Zone"}),r.jsx("th",{children:"Primary Contact"}),r.jsx("th",{children:"Supervisor"}),r.jsx("th",{children:"Hub Manager"}),r.jsx("th",{children:"Regional Head"}),r.jsx("th",{children:"Zonal Head"})]})}),r.jsx("tbody",{children:V.map((i,c)=>r.jsxs("tr",{children:[r.jsx("td",{className:"hub-cell-content",children:i.hub}),i.levels.slice(0,5).map((s,l)=>r.jsx("td",{className:"person-cell",children:s?r.jsxs("div",{className:"person-details",children:[r.jsx("div",{className:"person-name",children:s.name}),r.jsxs("div",{className:"person-phone-wrapper",style:{cursor:"pointer"},children:[r.jsx("span",{className:"person-phone",children:h(s.phone)}),r.jsx("img",{src:J,className:"copy-icon",alt:"copy",width:"14",height:"14",onClick:()=>u(h(s.phone))})]}),r.jsx("div",{className:"person-role-tag",children:s.role})]}):r.jsx("span",{className:"empty-cell",children:"-"})},l)),[...Array(Math.max(0,5-i.levels.length))].map((s,l)=>r.jsx("td",{className:"person-cell",children:r.jsx("span",{className:"empty-cell",children:"-"})},`empty-${l}`))]},c))})]})}),r.jsxs("div",{className:"pagination-footer",children:[r.jsxs("button",{className:"pagination-btn",children:[r.jsx(Z,{})," Previous"]}),r.jsxs("div",{className:"pagination-numbers",children:[r.jsx("button",{className:"page-number active",children:"1"}),r.jsx("button",{className:"page-number",children:"2"}),r.jsx("button",{className:"page-number",children:"3"}),r.jsx("span",{className:"page-dots",children:"..."}),r.jsx("button",{className:"page-number",children:"8"}),r.jsx("button",{className:"page-number",children:"9"}),r.jsx("button",{className:"page-number",children:"10"})]}),r.jsxs("button",{className:"pagination-btn",children:["Next ",r.jsx(q,{})]})]})]})]})};p.ExclationMatrix=z,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})}));

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "@innofulfill/exclationmatric",
+  "private": false,
+  "version": "0.1.0",
+  "type": "module",
+  "main": "dist/exclationmatric.umd.cjs",
+  "module": "dist/exclationmatric.js",
+  "style": "dist/exclationmatric.css",
+  "exports": {
+    ".": {
+      "import": "./dist/exclationmatric.js",
+      "require": "./dist/exclationmatric.umd.cjs"
+    },
+    "./dist/style.css": "./dist/exclationmatric.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.19.0",
+    "@types/react": "^19.0.8",
+    "@types/react-dom": "^19.0.3",
+    "@vitejs/plugin-react": "^4.3.4",
+    "eslint": "^9.19.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.18",
+    "globals": "^15.14.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "vite": "^6.1.0"
+  }
+}