@birimengo/calculator 1.0.0

package/README.md

@@ -0,0 +1,12 @@
+# React + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.

package/dist/index.es.js

@@ -0,0 +1,564 @@
+import le, { useState as j, useCallback as b, memo as U, useEffect as ce } from "react";
+import { Calculator as ie, Clock as ue, Zap as de, PlusCircle as me, MinusCircle as fe, RotateCw as he, Trash2 as pe, Percent as xe, RotateCcw as be, Delete as ye, Divide as ge, X as Ee, Minus as je, Plus as Ne, Equal as ke, Cloud as we, Moon as _e, Sun as Re } from "lucide-react";
+var A = { exports: {} }, S = {};
+var H;
+function ve() {
+  if (H) return S;
+  H = 1;
+  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), a = /* @__PURE__ */ Symbol.for("react.fragment");
+  function c(i, o, n) {
+    var h = null;
+    if (n !== void 0 && (h = "" + n), o.key !== void 0 && (h = "" + o.key), "key" in o) {
+      n = {};
+      for (var g in o)
+        g !== "key" && (n[g] = o[g]);
+    } else n = o;
+    return o = n.ref, {
+      $$typeof: r,
+      type: i,
+      key: h,
+      ref: o !== void 0 ? o : null,
+      props: n
+    };
+  }
+  return S.Fragment = a, S.jsx = c, S.jsxs = c, S;
+}
+var O = {};
+var Q;
+function Ce() {
+  return Q || (Q = 1, process.env.NODE_ENV !== "production" && (function() {
+    function r(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === se ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case C:
+          return "Fragment";
+        case $:
+          return "Profiler";
+        case D:
+          return "StrictMode";
+        case x:
+          return "Suspense";
+        case T:
+          return "SuspenseList";
+        case ae:
+          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 M:
+            return "Portal";
+          case Y:
+            return e.displayName || "Context";
+          case F:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case l:
+            var s = e.render;
+            return e = e.displayName, e || (e = s.displayName || s.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case te:
+            return s = e.displayName || null, s !== null ? s : r(e.type) || "Memo";
+          case I:
+            s = e._payload, e = e._init;
+            try {
+              return r(e(s));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function a(e) {
+      return "" + e;
+    }
+    function c(e) {
+      try {
+        a(e);
+        var s = !1;
+      } catch {
+        s = !0;
+      }
+      if (s) {
+        s = console;
+        var u = s.error, m = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return u.call(
+          s,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          m
+        ), a(e);
+      }
+    }
+    function i(e) {
+      if (e === C) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === I)
+        return "<...>";
+      try {
+        var s = r(e);
+        return s ? "<" + s + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var e = z.A;
+      return e === null ? null : e.getOwner();
+    }
+    function n() {
+      return Error("react-stack-top-frame");
+    }
+    function h(e) {
+      if (J.call(e, "key")) {
+        var s = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (s && s.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function g(e, s) {
+      function u() {
+        V || (V = !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)",
+          s
+        ));
+      }
+      u.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: u,
+        configurable: !0
+      });
+    }
+    function R() {
+      var e = r(this.type);
+      return B[e] || (B[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 v(e, s, u, m, P, L) {
+      var f = u.ref;
+      return e = {
+        $$typeof: p,
+        type: e,
+        key: s,
+        props: u,
+        _owner: m
+      }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: R
+      }) : 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: P
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: L
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function N(e, s, u, m, P, L) {
+      var f = s.children;
+      if (f !== void 0)
+        if (m)
+          if (ne(f)) {
+            for (m = 0; m < f.length; m++)
+              k(f[m]);
+            Object.freeze && Object.freeze(f);
+          } 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 k(f);
+      if (J.call(s, "key")) {
+        f = r(e);
+        var _ = Object.keys(s).filter(function(oe) {
+          return oe !== "key";
+        });
+        m = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", Z[f + m] || (_ = 0 < _.length ? "{" + _.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} />`,
+          m,
+          f,
+          _,
+          f
+        ), Z[f + m] = !0);
+      }
+      if (f = null, u !== void 0 && (c(u), f = "" + u), h(s) && (c(s.key), f = "" + s.key), "key" in s) {
+        u = {};
+        for (var W in s)
+          W !== "key" && (u[W] = s[W]);
+      } else u = s;
+      return f && g(
+        u,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), v(
+        e,
+        f,
+        u,
+        o(),
+        P,
+        L
+      );
+    }
+    function k(e) {
+      w(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === I && (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 === p;
+    }
+    var E = le, p = /* @__PURE__ */ Symbol.for("react.transitional.element"), M = /* @__PURE__ */ Symbol.for("react.portal"), C = /* @__PURE__ */ Symbol.for("react.fragment"), D = /* @__PURE__ */ Symbol.for("react.strict_mode"), $ = /* @__PURE__ */ Symbol.for("react.profiler"), F = /* @__PURE__ */ Symbol.for("react.consumer"), Y = /* @__PURE__ */ Symbol.for("react.context"), l = /* @__PURE__ */ Symbol.for("react.forward_ref"), x = /* @__PURE__ */ Symbol.for("react.suspense"), T = /* @__PURE__ */ Symbol.for("react.suspense_list"), te = /* @__PURE__ */ Symbol.for("react.memo"), I = /* @__PURE__ */ Symbol.for("react.lazy"), ae = /* @__PURE__ */ Symbol.for("react.activity"), se = /* @__PURE__ */ Symbol.for("react.client.reference"), z = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, ne = Array.isArray, q = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    E = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var V, B = {}, G = E.react_stack_bottom_frame.bind(
+      E,
+      n
+    )(), X = q(i(n)), Z = {};
+    O.Fragment = C, O.jsx = function(e, s, u) {
+      var m = 1e4 > z.recentlyCreatedOwnerStacks++;
+      return N(
+        e,
+        s,
+        u,
+        !1,
+        m ? Error("react-stack-top-frame") : G,
+        m ? q(i(e)) : X
+      );
+    }, O.jsxs = function(e, s, u) {
+      var m = 1e4 > z.recentlyCreatedOwnerStacks++;
+      return N(
+        e,
+        s,
+        u,
+        !0,
+        m ? Error("react-stack-top-frame") : G,
+        m ? q(i(e)) : X
+      );
+    };
+  })()), O;
+}
+var K;
+function Te() {
+  return K || (K = 1, process.env.NODE_ENV === "production" ? A.exports = ve() : A.exports = Ce()), A.exports;
+}
+var t = Te();
+const y = {
+  // Basic operations
+  add: (r, a) => r + a,
+  subtract: (r, a) => r - a,
+  multiply: (r, a) => r * a,
+  divide: (r, a) => a !== 0 ? r / a : "Error",
+  // Format number for display
+  formatNumber: (r) => {
+    if (r === "Error") return "Error";
+    const a = r.toString();
+    return a.length > 12 ? parseFloat(r).toExponential(6) : a;
+  },
+  // Calculate percentage
+  percentage: (r) => r / 100,
+  // Toggle sign
+  toggleSign: (r) => -r,
+  // Check if value is an operator
+  isOperator: (r) => ["+", "-", "×", "÷"].includes(r),
+  // Get operator precedence
+  getPrecedence: (r) => {
+    switch (r) {
+      case "+":
+      case "-":
+        return 1;
+      case "×":
+      case "÷":
+        return 2;
+      default:
+        return 0;
+    }
+  },
+  // Evaluate expression
+  evaluate: (r) => {
+    const a = [], c = [];
+    for (r.forEach((o) => {
+      if (!y.isOperator(o))
+        a.push(parseFloat(o));
+      else {
+        for (; c.length > 0 && y.isOperator(c[c.length - 1]) && y.getPrecedence(c[c.length - 1]) >= y.getPrecedence(o); )
+          a.push(c.pop());
+        c.push(o);
+      }
+    }); c.length > 0; )
+      a.push(c.pop());
+    const i = [];
+    return a.forEach((o) => {
+      if (!y.isOperator(o))
+        i.push(o);
+      else {
+        const n = i.pop(), h = i.pop();
+        switch (o) {
+          case "+":
+            i.push(h + n);
+            break;
+          case "-":
+            i.push(h - n);
+            break;
+          case "×":
+            i.push(h * n);
+            break;
+          case "÷":
+            i.push(n !== 0 ? h / n : "Error");
+            break;
+        }
+      }
+    }), i[0];
+  }
+}, Se = () => {
+  const [r, a] = j("0"), [c, i] = j([]), [o, n] = j(!0), [h, g] = j(0), R = b((l) => {
+    a((x) => o || x === "0" || x === "Error" ? (n(!1), l) : x.length < 12 ? x + l : x);
+  }, [o]), v = b(() => {
+    a((l) => o || l === "0" || l === "Error" ? (n(!1), "0.") : !l.includes(".") && l.length < 12 ? l + "." : l);
+  }, [o]), N = b((l) => {
+    i((x) => {
+      const T = [...x];
+      return r !== "Error" && T.push(r), T.push(l), T;
+    }), n(!0);
+  }, [r]), k = b(() => {
+    if (r !== "Error") {
+      const l = [...c, r], x = y.evaluate(l);
+      a(y.formatNumber(x)), i([]), n(!0);
+    }
+  }, [r, c]), w = b(() => {
+    a("0"), i([]), n(!0);
+  }, []), E = b(() => {
+    a("0"), n(!0);
+  }, []), p = b(() => {
+    a((l) => l.length > 1 && l !== "Error" ? l.slice(0, -1) : "0");
+  }, []), M = b(() => {
+    a((l) => {
+      if (l !== "Error") {
+        const x = y.percentage(parseFloat(l));
+        return y.formatNumber(x);
+      }
+      return l;
+    });
+  }, []), C = b(() => {
+    a((l) => {
+      if (l !== "Error" && l !== "0") {
+        const x = y.toggleSign(parseFloat(l));
+        return y.formatNumber(x);
+      }
+      return l;
+    });
+  }, []), D = b(() => {
+    r !== "Error" && (g((l) => l + parseFloat(r)), n(!0));
+  }, [r]), $ = b(() => {
+    r !== "Error" && (g((l) => l - parseFloat(r)), n(!0));
+  }, [r]), F = b(() => {
+    a(y.formatNumber(h)), n(!0);
+  }, [h]), Y = b(() => {
+    g(0);
+  }, []);
+  return {
+    display: r,
+    expression: c,
+    memory: h,
+    handleNumber: R,
+    handleDecimal: v,
+    handleOperator: N,
+    handleEquals: k,
+    handleClear: w,
+    handleClearEntry: E,
+    handleBackspace: p,
+    handlePercentage: M,
+    handleToggleSign: C,
+    handleMemoryAdd: D,
+    handleMemorySubtract: $,
+    handleMemoryRecall: F,
+    handleMemoryClear: Y
+  };
+}, ee = U(({
+  value: r,
+  expression: a,
+  memory: c
+}) => {
+  const [i, o] = j(/* @__PURE__ */ new Date());
+  return ce(() => {
+    const n = setInterval(() => o(/* @__PURE__ */ new Date()), 1e3);
+    return () => clearInterval(n);
+  }, []), /* @__PURE__ */ t.jsxs("div", { className: "bg-card rounded-xl p-6 shadow-inner border border-custom", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "flex justify-between items-center mb-4 text-sm text-secondary", children: [
+      /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ t.jsx(ie, { className: "w-4 h-4" }),
+        /* @__PURE__ */ t.jsx("span", { children: "Standard" })
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-4", children: [
+        c !== 0 && /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1 text-purple-600 dark:text-purple-400", children: [
+          /* @__PURE__ */ t.jsx("span", { className: "text-xs", children: "M" }),
+          /* @__PURE__ */ t.jsx("span", { children: c })
+        ] }),
+        /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ t.jsx(ue, { className: "w-3 h-3" }),
+          /* @__PURE__ */ t.jsx("span", { children: i.toLocaleTimeString() })
+        ] })
+      ] })
+    ] }),
+    a.length > 0 && /* @__PURE__ */ t.jsx("div", { className: "text-right text-sm text-secondary mb-2 font-mono", children: a.join(" ") }),
+    /* @__PURE__ */ t.jsx("div", { className: "text-right", children: /* @__PURE__ */ t.jsx("div", { className: "text-5xl font-bold text-primary font-mono truncate", children: r }) }),
+    /* @__PURE__ */ t.jsx("div", { className: "flex justify-end mt-2", children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1 text-xs text-secondary opacity-60", children: [
+      /* @__PURE__ */ t.jsx(de, { className: "w-3 h-3" }),
+      /* @__PURE__ */ t.jsx("span", { className: "font-mono", children: r !== "Error" ? parseInt(r).toString(2).slice(0, 16) : "ERROR" })
+    ] }) })
+  ] });
+});
+ee.displayName = "Display";
+const d = U(({
+  children: r,
+  onClick: a,
+  type: c = "number",
+  size: i = "normal",
+  className: o = ""
+}) => {
+  const n = {
+    small: "px-3 py-2 text-sm",
+    normal: "px-4 py-3 text-base",
+    large: "px-6 py-4 text-lg"
+  }, h = {
+    number: "bg-button-number text-primary",
+    operator: "bg-button-operator text-white",
+    function: "bg-button-function text-primary",
+    equals: "bg-button-equals text-white col-span-2",
+    memory: "bg-button-memory text-white text-sm"
+  };
+  return /* @__PURE__ */ t.jsx(
+    "button",
+    {
+      onClick: a,
+      className: `
+        ${n[i]}
+        ${h[c]}
+        rounded-lg font-semibold transition-all duration-200 
+        active:scale-95 shadow-sm hover:shadow-md
+        ${o}
+      `,
+      children: r
+    }
+  );
+});
+d.displayName = "Button";
+const re = U(({
+  onNumber: r,
+  onDecimal: a,
+  onOperator: c,
+  onEquals: i,
+  onClear: o,
+  onClearEntry: n,
+  onBackspace: h,
+  onPercentage: g,
+  onToggleSign: R,
+  onMemoryAdd: v,
+  onMemorySubtract: N,
+  onMemoryRecall: k,
+  onMemoryClear: w
+}) => {
+  const E = [7, 8, 9, 4, 5, 6, 1, 2, 3, 0];
+  return /* @__PURE__ */ t.jsxs("div", { className: "grid grid-cols-5 gap-2", children: [
+    /* @__PURE__ */ t.jsx(d, { type: "memory", onClick: v, size: "small", children: /* @__PURE__ */ t.jsx(me, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ t.jsx(d, { type: "memory", onClick: N, size: "small", children: /* @__PURE__ */ t.jsx(fe, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ t.jsx(d, { type: "memory", onClick: k, size: "small", children: /* @__PURE__ */ t.jsx(he, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ t.jsx(d, { type: "memory", onClick: w, size: "small", children: /* @__PURE__ */ t.jsx(pe, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ t.jsx(d, { type: "function", onClick: n, size: "small", children: "CE" }),
+    /* @__PURE__ */ t.jsx(d, { type: "function", onClick: R, size: "small", children: "±" }),
+    /* @__PURE__ */ t.jsx(d, { type: "function", onClick: g, size: "small", children: /* @__PURE__ */ t.jsx(xe, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ t.jsx(d, { type: "function", onClick: o, size: "small", children: /* @__PURE__ */ t.jsx(be, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ t.jsxs(d, { type: "function", onClick: h, size: "small", children: [
+      /* @__PURE__ */ t.jsx(ye, { className: "w-4 h-4" }),
+      "  "
+    ] }),
+    /* @__PURE__ */ t.jsx(d, { type: "operator", onClick: () => c("÷"), size: "small", children: /* @__PURE__ */ t.jsx(ge, { className: "w-4 h-4" }) }),
+    E.slice(0, 3).map((p) => /* @__PURE__ */ t.jsx(d, { onClick: () => r(p.toString()), children: p }, p)),
+    /* @__PURE__ */ t.jsx(d, { type: "operator", onClick: () => c("×"), children: /* @__PURE__ */ t.jsx(Ee, { className: "w-4 h-4" }) }),
+    E.slice(3, 6).map((p) => /* @__PURE__ */ t.jsx(d, { onClick: () => r(p.toString()), children: p }, p)),
+    /* @__PURE__ */ t.jsx(d, { type: "operator", onClick: () => c("-"), children: /* @__PURE__ */ t.jsx(je, { className: "w-4 h-4" }) }),
+    E.slice(6, 9).map((p) => /* @__PURE__ */ t.jsx(d, { onClick: () => r(p.toString()), children: p }, p)),
+    /* @__PURE__ */ t.jsx(d, { type: "operator", onClick: () => c("+"), children: /* @__PURE__ */ t.jsx(Ne, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ t.jsx(d, { type: "number", onClick: a, className: "col-span-2", children: "." }),
+    /* @__PURE__ */ t.jsx(d, { type: "number", onClick: () => r("0"), className: "col-span-2", children: "0" }),
+    /* @__PURE__ */ t.jsx(d, { type: "equals", onClick: i, className: "col-span-1", children: /* @__PURE__ */ t.jsx(ke, { className: "w-5 h-5" }) })
+  ] });
+});
+re.displayName = "Keypad";
+const Ae = () => {
+  const r = Se(), [a, c] = j("light"), i = () => {
+    c((n) => n === "light" ? "dark" : n === "dark" ? "ocean" : "light"), document.body.className = `theme-${a === "light" ? "dark" : a === "dark" ? "ocean" : "light"}`;
+  };
+  j(() => {
+    document.body.className = "theme-light";
+  }, []);
+  const o = {
+    light: /* @__PURE__ */ t.jsx(Re, { className: "w-5 h-5 text-yellow-500" }),
+    dark: /* @__PURE__ */ t.jsx(_e, { className: "w-5 h-5 text-blue-400" }),
+    ocean: /* @__PURE__ */ t.jsx(we, { className: "w-5 h-5 text-cyan-400" })
+  };
+  return /* @__PURE__ */ t.jsx("div", { className: "min-h-screen bg-[var(--bg-primary)] flex items-center justify-center p-4 transition-colors duration-300", children: /* @__PURE__ */ t.jsxs("div", { className: "max-w-md w-full bg-card rounded-2xl shadow-2xl p-6 border border-custom", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "flex justify-between items-center mb-4", children: [
+      /* @__PURE__ */ t.jsx("h1", { className: "text-2xl font-bold text-primary", children: "Calculator" }),
+      /* @__PURE__ */ t.jsx(
+        "button",
+        {
+          onClick: i,
+          className: "p-2 rounded-lg bg-card border border-custom hover:opacity-80 transition-opacity",
+          children: o[a]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t.jsx(
+      ee,
+      {
+        value: r.display,
+        expression: r.expression,
+        memory: r.memory
+      }
+    ),
+    /* @__PURE__ */ t.jsx("div", { className: "mt-6", children: /* @__PURE__ */ t.jsx(
+      re,
+      {
+        onNumber: r.handleNumber,
+        onDecimal: r.handleDecimal,
+        onOperator: r.handleOperator,
+        onEquals: r.handleEquals,
+        onClear: r.handleClear,
+        onClearEntry: r.handleClearEntry,
+        onBackspace: r.handleBackspace,
+        onPercentage: r.handlePercentage,
+        onToggleSign: r.handleToggleSign,
+        onMemoryAdd: r.handleMemoryAdd,
+        onMemorySubtract: r.handleMemorySubtract,
+        onMemoryRecall: r.handleMemoryRecall,
+        onMemoryClear: r.handleMemoryClear
+      }
+    ) }),
+    /* @__PURE__ */ t.jsx("div", { className: "mt-4 text-xs text-center text-secondary", children: /* @__PURE__ */ t.jsxs("p", { children: [
+      "Standalone Calculator App | Memory: ",
+      r.memory
+    ] }) })
+  ] }) });
+};
+export {
+  Ae as Calculator,
+  Se as useCalculator
+};

package/dist/index.umd.js

@@ -0,0 +1,12 @@
+(function(k,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("react"),require("lucide-react")):typeof define=="function"&&define.amd?define(["exports","react","lucide-react"],i):(k=typeof globalThis<"u"?globalThis:k||self,i(k.CalculatorModule={},k.React,k.LucideReact))})(this,(function(k,i,p){"use strict";var A={exports:{}},v={};var B;function ae(){if(B)return v;B=1;var r=Symbol.for("react.transitional.element"),a=Symbol.for("react.fragment");function c(u,l,n){var x=null;if(n!==void 0&&(x=""+n),l.key!==void 0&&(x=""+l.key),"key"in l){n={};for(var g in l)g!=="key"&&(n[g]=l[g])}else n=l;return l=n.ref,{$$typeof:r,type:u,key:x,ref:l!==void 0?l:null,props:n}}return v.Fragment=a,v.jsx=c,v.jsxs=c,v}var T={};var G;function se(){return G||(G=1,process.env.NODE_ENV!=="production"&&(function(){function r(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ie?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case O:return"Fragment";case Y:return"Profiler";case F:return"StrictMode";case y:return"Suspense";case P:return"SuspenseList";case ce: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 D:return"Portal";case z:return e.displayName||"Context";case I:return(e._context.displayName||"Context")+".Consumer";case o:var s=e.render;return e=e.displayName,e||(e=s.displayName||s.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case oe:return s=e.displayName||null,s!==null?s:r(e.type)||"Memo";case L:s=e._payload,e=e._init;try{return r(e(s))}catch{}}return null}function a(e){return""+e}function c(e){try{a(e);var s=!1}catch{s=!0}if(s){s=console;var m=s.error,f=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return m.call(s,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",f),a(e)}}function u(e){if(e===O)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===L)return"<...>";try{var s=r(e);return s?"<"+s+">":"<...>"}catch{return"<...>"}}function l(){var e=W.A;return e===null?null:e.getOwner()}function n(){return Error("react-stack-top-frame")}function x(e){if(K.call(e,"key")){var s=Object.getOwnPropertyDescriptor(e,"key").get;if(s&&s.isReactWarning)return!1}return e.key!==void 0}function g(e,s){function m(){q||(q=!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)",s))}m.isReactWarning=!0,Object.defineProperty(e,"key",{get:m,configurable:!0})}function S(){var e=r(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 R(e,s,m,f,M,J){var h=m.ref;return e={$$typeof:b,type:e,key:s,props:m,_owner:f},(h!==void 0?h:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:S}):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:M}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:J}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function N(e,s,m,f,M,J){var h=s.children;if(h!==void 0)if(f)if(ue(h)){for(f=0;f<h.length;f++)C(h[f]);Object.freeze&&Object.freeze(h)}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(h);if(K.call(s,"key")){h=r(e);var _=Object.keys(s).filter(function(me){return me!=="key"});f=0<_.length?"{key: someKey, "+_.join(": ..., ")+": ...}":"{key: someKey}",te[h+f]||(_=0<_.length?"{"+_.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} />`,f,h,_,h),te[h+f]=!0)}if(h=null,m!==void 0&&(c(m),h=""+m),x(s)&&(c(s.key),h=""+s.key),"key"in s){m={};for(var V in s)V!=="key"&&(m[V]=s[V])}else m=s;return h&&g(m,typeof e=="function"?e.displayName||e.name||"Unknown":e),R(e,h,m,l(),M,J)}function C(e){w(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===L&&(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===b}var E=i,b=Symbol.for("react.transitional.element"),D=Symbol.for("react.portal"),O=Symbol.for("react.fragment"),F=Symbol.for("react.strict_mode"),Y=Symbol.for("react.profiler"),I=Symbol.for("react.consumer"),z=Symbol.for("react.context"),o=Symbol.for("react.forward_ref"),y=Symbol.for("react.suspense"),P=Symbol.for("react.suspense_list"),oe=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),ce=Symbol.for("react.activity"),ie=Symbol.for("react.client.reference"),W=E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,K=Object.prototype.hasOwnProperty,ue=Array.isArray,U=console.createTask?console.createTask:function(){return null};E={react_stack_bottom_frame:function(e){return e()}};var q,$={},ee=E.react_stack_bottom_frame.bind(E,n)(),re=U(u(n)),te={};T.Fragment=O,T.jsx=function(e,s,m){var f=1e4>W.recentlyCreatedOwnerStacks++;return N(e,s,m,!1,f?Error("react-stack-top-frame"):ee,f?U(u(e)):re)},T.jsxs=function(e,s,m){var f=1e4>W.recentlyCreatedOwnerStacks++;return N(e,s,m,!0,f?Error("react-stack-top-frame"):ee,f?U(u(e)):re)}})()),T}var X;function ne(){return X||(X=1,process.env.NODE_ENV==="production"?A.exports=ae():A.exports=se()),A.exports}var t=ne();const j={add:(r,a)=>r+a,subtract:(r,a)=>r-a,multiply:(r,a)=>r*a,divide:(r,a)=>a!==0?r/a:"Error",formatNumber:r=>{if(r==="Error")return"Error";const a=r.toString();return a.length>12?parseFloat(r).toExponential(6):a},percentage:r=>r/100,toggleSign:r=>-r,isOperator:r=>["+","-","×","÷"].includes(r),getPrecedence:r=>{switch(r){case"+":case"-":return 1;case"×":case"÷":return 2;default:return 0}},evaluate:r=>{const a=[],c=[];for(r.forEach(l=>{if(!j.isOperator(l))a.push(parseFloat(l));else{for(;c.length>0&&j.isOperator(c[c.length-1])&&j.getPrecedence(c[c.length-1])>=j.getPrecedence(l);)a.push(c.pop());c.push(l)}});c.length>0;)a.push(c.pop());const u=[];return a.forEach(l=>{if(!j.isOperator(l))u.push(l);else{const n=u.pop(),x=u.pop();switch(l){case"+":u.push(x+n);break;case"-":u.push(x-n);break;case"×":u.push(x*n);break;case"÷":u.push(n!==0?x/n:"Error");break}}}),u[0]}},Z=()=>{const[r,a]=i.useState("0"),[c,u]=i.useState([]),[l,n]=i.useState(!0),[x,g]=i.useState(0),S=i.useCallback(o=>{a(y=>l||y==="0"||y==="Error"?(n(!1),o):y.length<12?y+o:y)},[l]),R=i.useCallback(()=>{a(o=>l||o==="0"||o==="Error"?(n(!1),"0."):!o.includes(".")&&o.length<12?o+".":o)},[l]),N=i.useCallback(o=>{u(y=>{const P=[...y];return r!=="Error"&&P.push(r),P.push(o),P}),n(!0)},[r]),C=i.useCallback(()=>{if(r!=="Error"){const o=[...c,r],y=j.evaluate(o);a(j.formatNumber(y)),u([]),n(!0)}},[r,c]),w=i.useCallback(()=>{a("0"),u([]),n(!0)},[]),E=i.useCallback(()=>{a("0"),n(!0)},[]),b=i.useCallback(()=>{a(o=>o.length>1&&o!=="Error"?o.slice(0,-1):"0")},[]),D=i.useCallback(()=>{a(o=>{if(o!=="Error"){const y=j.percentage(parseFloat(o));return j.formatNumber(y)}return o})},[]),O=i.useCallback(()=>{a(o=>{if(o!=="Error"&&o!=="0"){const y=j.toggleSign(parseFloat(o));return j.formatNumber(y)}return o})},[]),F=i.useCallback(()=>{r!=="Error"&&(g(o=>o+parseFloat(r)),n(!0))},[r]),Y=i.useCallback(()=>{r!=="Error"&&(g(o=>o-parseFloat(r)),n(!0))},[r]),I=i.useCallback(()=>{a(j.formatNumber(x)),n(!0)},[x]),z=i.useCallback(()=>{g(0)},[]);return{display:r,expression:c,memory:x,handleNumber:S,handleDecimal:R,handleOperator:N,handleEquals:C,handleClear:w,handleClearEntry:E,handleBackspace:b,handlePercentage:D,handleToggleSign:O,handleMemoryAdd:F,handleMemorySubtract:Y,handleMemoryRecall:I,handleMemoryClear:z}},H=i.memo(({value:r,expression:a,memory:c})=>{const[u,l]=i.useState(new Date);return i.useEffect(()=>{const n=setInterval(()=>l(new Date),1e3);return()=>clearInterval(n)},[]),t.jsxs("div",{className:"bg-card rounded-xl p-6 shadow-inner border border-custom",children:[t.jsxs("div",{className:"flex justify-between items-center mb-4 text-sm text-secondary",children:[t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx(p.Calculator,{className:"w-4 h-4"}),t.jsx("span",{children:"Standard"})]}),t.jsxs("div",{className:"flex items-center gap-4",children:[c!==0&&t.jsxs("div",{className:"flex items-center gap-1 text-purple-600 dark:text-purple-400",children:[t.jsx("span",{className:"text-xs",children:"M"}),t.jsx("span",{children:c})]}),t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsx(p.Clock,{className:"w-3 h-3"}),t.jsx("span",{children:u.toLocaleTimeString()})]})]})]}),a.length>0&&t.jsx("div",{className:"text-right text-sm text-secondary mb-2 font-mono",children:a.join(" ")}),t.jsx("div",{className:"text-right",children:t.jsx("div",{className:"text-5xl font-bold text-primary font-mono truncate",children:r})}),t.jsx("div",{className:"flex justify-end mt-2",children:t.jsxs("div",{className:"flex items-center gap-1 text-xs text-secondary opacity-60",children:[t.jsx(p.Zap,{className:"w-3 h-3"}),t.jsx("span",{className:"font-mono",children:r!=="Error"?parseInt(r).toString(2).slice(0,16):"ERROR"})]})})]})});H.displayName="Display";const d=i.memo(({children:r,onClick:a,type:c="number",size:u="normal",className:l=""})=>{const n={small:"px-3 py-2 text-sm",normal:"px-4 py-3 text-base",large:"px-6 py-4 text-lg"},x={number:"bg-button-number text-primary",operator:"bg-button-operator text-white",function:"bg-button-function text-primary",equals:"bg-button-equals text-white col-span-2",memory:"bg-button-memory text-white text-sm"};return t.jsx("button",{onClick:a,className:`
+        ${n[u]}
+        ${x[c]}
+        rounded-lg font-semibold transition-all duration-200 
+        active:scale-95 shadow-sm hover:shadow-md
+        ${l}
+      `,children:r})});d.displayName="Button";const Q=i.memo(({onNumber:r,onDecimal:a,onOperator:c,onEquals:u,onClear:l,onClearEntry:n,onBackspace:x,onPercentage:g,onToggleSign:S,onMemoryAdd:R,onMemorySubtract:N,onMemoryRecall:C,onMemoryClear:w})=>{const E=[7,8,9,4,5,6,1,2,3,0];return t.jsxs("div",{className:"grid grid-cols-5 gap-2",children:[t.jsx(d,{type:"memory",onClick:R,size:"small",children:t.jsx(p.PlusCircle,{className:"w-4 h-4"})}),t.jsx(d,{type:"memory",onClick:N,size:"small",children:t.jsx(p.MinusCircle,{className:"w-4 h-4"})}),t.jsx(d,{type:"memory",onClick:C,size:"small",children:t.jsx(p.RotateCw,{className:"w-4 h-4"})}),t.jsx(d,{type:"memory",onClick:w,size:"small",children:t.jsx(p.Trash2,{className:"w-4 h-4"})}),t.jsx(d,{type:"function",onClick:n,size:"small",children:"CE"}),t.jsx(d,{type:"function",onClick:S,size:"small",children:"±"}),t.jsx(d,{type:"function",onClick:g,size:"small",children:t.jsx(p.Percent,{className:"w-4 h-4"})}),t.jsx(d,{type:"function",onClick:l,size:"small",children:t.jsx(p.RotateCcw,{className:"w-4 h-4"})}),t.jsxs(d,{type:"function",onClick:x,size:"small",children:[t.jsx(p.Delete,{className:"w-4 h-4"}),"  "]}),t.jsx(d,{type:"operator",onClick:()=>c("÷"),size:"small",children:t.jsx(p.Divide,{className:"w-4 h-4"})}),E.slice(0,3).map(b=>t.jsx(d,{onClick:()=>r(b.toString()),children:b},b)),t.jsx(d,{type:"operator",onClick:()=>c("×"),children:t.jsx(p.X,{className:"w-4 h-4"})}),E.slice(3,6).map(b=>t.jsx(d,{onClick:()=>r(b.toString()),children:b},b)),t.jsx(d,{type:"operator",onClick:()=>c("-"),children:t.jsx(p.Minus,{className:"w-4 h-4"})}),E.slice(6,9).map(b=>t.jsx(d,{onClick:()=>r(b.toString()),children:b},b)),t.jsx(d,{type:"operator",onClick:()=>c("+"),children:t.jsx(p.Plus,{className:"w-4 h-4"})}),t.jsx(d,{type:"number",onClick:a,className:"col-span-2",children:"."}),t.jsx(d,{type:"number",onClick:()=>r("0"),className:"col-span-2",children:"0"}),t.jsx(d,{type:"equals",onClick:u,className:"col-span-1",children:t.jsx(p.Equal,{className:"w-5 h-5"})})]})});Q.displayName="Keypad";const le=()=>{const r=Z(),[a,c]=i.useState("light"),u=()=>{c(n=>n==="light"?"dark":n==="dark"?"ocean":"light"),document.body.className=`theme-${a==="light"?"dark":a==="dark"?"ocean":"light"}`};i.useState(()=>{document.body.className="theme-light"},[]);const l={light:t.jsx(p.Sun,{className:"w-5 h-5 text-yellow-500"}),dark:t.jsx(p.Moon,{className:"w-5 h-5 text-blue-400"}),ocean:t.jsx(p.Cloud,{className:"w-5 h-5 text-cyan-400"})};return t.jsx("div",{className:"min-h-screen bg-[var(--bg-primary)] flex items-center justify-center p-4 transition-colors duration-300",children:t.jsxs("div",{className:"max-w-md w-full bg-card rounded-2xl shadow-2xl p-6 border border-custom",children:[t.jsxs("div",{className:"flex justify-between items-center mb-4",children:[t.jsx("h1",{className:"text-2xl font-bold text-primary",children:"Calculator"}),t.jsx("button",{onClick:u,className:"p-2 rounded-lg bg-card border border-custom hover:opacity-80 transition-opacity",children:l[a]})]}),t.jsx(H,{value:r.display,expression:r.expression,memory:r.memory}),t.jsx("div",{className:"mt-6",children:t.jsx(Q,{onNumber:r.handleNumber,onDecimal:r.handleDecimal,onOperator:r.handleOperator,onEquals:r.handleEquals,onClear:r.handleClear,onClearEntry:r.handleClearEntry,onBackspace:r.handleBackspace,onPercentage:r.handlePercentage,onToggleSign:r.handleToggleSign,onMemoryAdd:r.handleMemoryAdd,onMemorySubtract:r.handleMemorySubtract,onMemoryRecall:r.handleMemoryRecall,onMemoryClear:r.handleMemoryClear})}),t.jsx("div",{className:"mt-4 text-xs text-center text-secondary",children:t.jsxs("p",{children:["Standalone Calculator App | Memory: ",r.memory]})})]})})};k.Calculator=le,k.useCalculator=Z,Object.defineProperty(k,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,63 @@
+{
+  "name": "@birimengo/calculator",
+  "version": "1.0.0",
+  "description": "A beautiful calculator component with memory functions and multiple themes",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "unpkg": "dist/index.umd.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build -c vite.lib.config.js",
+    "prepublishOnly": "npm run build",
+    "preview": "vite preview"
+  },
+  "keywords": [
+    "react",
+    "calculator",
+    "component",
+    "ui",
+    "math",
+    "memory-calculator",
+    "bizcore"
+  ],
+  "author": "Your Name <your.email@example.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/birimengo/calculator.git"
+  },
+  "bugs": {
+    "url": "https://github.com/birimengo/calculator/issues"
+  },
+  "homepage": "https://github.com/birimengo/calculator#readme",
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "dependencies": {
+    "lucide-react": "^0.577.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.29.0",
+    "@tailwindcss/vite": "^4.2.1",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react-swc": "^3.11.0",
+    "autoprefixer": "^10.4.21",
+    "eslint": "^9.29.0",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "globals": "^16.2.0",
+    "postcss": "^8.5.3",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "tailwindcss": "^4.2.1",
+    "vite": "^7.0.0"
+  }
+}