@birimengo/calculator 1.0.1 → 1.0.2

package/dist/index.es.js

@@ -1,31 +1,31 @@
-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 = {};
+import le, { useState as O, useCallback as b, memo as U, useEffect as ce } from "react";
+import { Calculator as ie, Clock as ue, Zap as me, PlusCircle as de, MinusCircle as fe, RotateCw as pe, Trash2 as he, Percent as xe, RotateCcw as be, Delete as Ee, Divide as ye, X as je, Minus as ge, Plus as Ne, Equal as _e } from "lucide-react";
+var A = { exports: {} }, T = {};
 var H;
-function ve() {
-  if (H) return S;
+function Re() {
+  if (H) return T;
   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) {
+  function c(i, l, n) {
+    var p = null;
+    if (n !== void 0 && (p = "" + n), l.key !== void 0 && (p = "" + l.key), "key" in l) {
       n = {};
-      for (var g in o)
-        g !== "key" && (n[g] = o[g]);
-    } else n = o;
-    return o = n.ref, {
+      for (var y in l)
+        y !== "key" && (n[y] = l[y]);
+    } else n = l;
+    return l = n.ref, {
       $$typeof: r,
       type: i,
-      key: h,
-      ref: o !== void 0 ? o : null,
+      key: p,
+      ref: l !== void 0 ? l : null,
       props: n
     };
   }
-  return S.Fragment = a, S.jsx = c, S.jsxs = c, S;
+  return T.Fragment = a, T.jsx = c, T.jsxs = c, T;
 }
-var O = {};
+var S = {};
 var Q;
-function Ce() {
+function ke() {
   return Q || (Q = 1, process.env.NODE_ENV !== "production" && (function() {
     function r(e) {
       if (e == null) return null;
@@ -33,7 +33,7 @@ function Ce() {
         return e.$$typeof === se ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case C:
+        case v:
           return "Fragment";
         case $:
           return "Profiler";
@@ -41,7 +41,7 @@ function Ce() {
           return "StrictMode";
         case x:
           return "Suspense";
-        case T:
+        case C:
           return "SuspenseList";
         case ae:
           return "Activity";
@@ -56,12 +56,12 @@ function Ce() {
             return e.displayName || "Context";
           case F:
             return (e._context.displayName || "Context") + ".Consumer";
-          case l:
+          case o:
             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:
+          case z:
             s = e._payload, e = e._init;
             try {
               return r(e(s));
@@ -82,17 +82,17 @@ function Ce() {
       }
       if (s) {
         s = console;
-        var u = s.error, m = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var u = s.error, d = 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
+          d
         ), a(e);
       }
     }
     function i(e) {
-      if (e === C) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === I)
+      if (e === v) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === z)
         return "<...>";
       try {
         var s = r(e);
@@ -101,21 +101,21 @@ function Ce() {
         return "<...>";
       }
     }
-    function o() {
-      var e = z.A;
+    function l() {
+      var e = I.A;
       return e === null ? null : e.getOwner();
     }
     function n() {
       return Error("react-stack-top-frame");
     }
-    function h(e) {
+    function p(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 y(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)",
@@ -127,23 +127,23 @@ function Ce() {
         configurable: !0
       });
     }
-    function R() {
+    function k() {
       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) {
+    function w(e, s, u, d, P, L) {
       var f = u.ref;
       return e = {
-        $$typeof: p,
+        $$typeof: h,
         type: e,
         key: s,
         props: u,
-        _owner: m
+        _owner: d
       }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: R
+        get: k
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -166,101 +166,101 @@ function Ce() {
         value: L
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function N(e, s, u, m, P, L) {
+    function g(e, s, u, d, P, L) {
       var f = s.children;
       if (f !== void 0)
-        if (m)
+        if (d)
           if (ne(f)) {
-            for (m = 0; m < f.length; m++)
-              k(f[m]);
+            for (d = 0; d < f.length; d++)
+              N(f[d]);
             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);
+        else N(f);
       if (J.call(s, "key")) {
         f = r(e);
-        var _ = Object.keys(s).filter(function(oe) {
+        var R = 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(
+        d = 0 < R.length ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}", Z[f + d] || (R = 0 < R.length ? "{" + R.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,
+          d,
           f,
-          _,
+          R,
           f
-        ), Z[f + m] = !0);
+        ), Z[f + d] = !0);
       }
-      if (f = null, u !== void 0 && (c(u), f = "" + u), h(s) && (c(s.key), f = "" + s.key), "key" in s) {
+      if (f = null, u !== void 0 && (c(u), f = "" + u), p(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(
+      return f && y(
         u,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), v(
+      ), w(
         e,
         f,
         u,
-        o(),
+        l(),
         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 N(e) {
+      _(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === z && (e._payload.status === "fulfilled" ? _(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;
+    function _(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === h;
     }
-    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() {
+    var j = le, h = /* @__PURE__ */ Symbol.for("react.transitional.element"), M = /* @__PURE__ */ Symbol.for("react.portal"), v = /* @__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"), o = /* @__PURE__ */ Symbol.for("react.forward_ref"), x = /* @__PURE__ */ Symbol.for("react.suspense"), C = /* @__PURE__ */ Symbol.for("react.suspense_list"), te = /* @__PURE__ */ Symbol.for("react.memo"), z = /* @__PURE__ */ Symbol.for("react.lazy"), ae = /* @__PURE__ */ Symbol.for("react.activity"), se = /* @__PURE__ */ Symbol.for("react.client.reference"), I = j.__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 = {
+    j = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var V, B = {}, G = E.react_stack_bottom_frame.bind(
-      E,
+    var V, B = {}, G = j.react_stack_bottom_frame.bind(
+      j,
       n
     )(), X = q(i(n)), Z = {};
-    O.Fragment = C, O.jsx = function(e, s, u) {
-      var m = 1e4 > z.recentlyCreatedOwnerStacks++;
-      return N(
+    S.Fragment = v, S.jsx = function(e, s, u) {
+      var d = 1e4 > I.recentlyCreatedOwnerStacks++;
+      return g(
         e,
         s,
         u,
         !1,
-        m ? Error("react-stack-top-frame") : G,
-        m ? q(i(e)) : X
+        d ? Error("react-stack-top-frame") : G,
+        d ? q(i(e)) : X
       );
-    }, O.jsxs = function(e, s, u) {
-      var m = 1e4 > z.recentlyCreatedOwnerStacks++;
-      return N(
+    }, S.jsxs = function(e, s, u) {
+      var d = 1e4 > I.recentlyCreatedOwnerStacks++;
+      return g(
         e,
         s,
         u,
         !0,
-        m ? Error("react-stack-top-frame") : G,
-        m ? q(i(e)) : X
+        d ? Error("react-stack-top-frame") : G,
+        d ? q(i(e)) : X
       );
     };
-  })()), O;
+  })()), S;
 }
 var K;
-function Te() {
-  return K || (K = 1, process.env.NODE_ENV === "production" ? A.exports = ve() : A.exports = Ce()), A.exports;
+function we() {
+  return K || (K = 1, process.env.NODE_ENV === "production" ? A.exports = Re() : A.exports = ke()), A.exports;
 }
-var t = Te();
-const y = {
+var t = we();
+const E = {
   // Basic operations
   add: (r, a) => r + a,
   subtract: (r, a) => r - a,
@@ -294,98 +294,98 @@ const y = {
   // Evaluate expression
   evaluate: (r) => {
     const a = [], c = [];
-    for (r.forEach((o) => {
-      if (!y.isOperator(o))
-        a.push(parseFloat(o));
+    for (r.forEach((l) => {
+      if (!E.isOperator(l))
+        a.push(parseFloat(l));
       else {
-        for (; c.length > 0 && y.isOperator(c[c.length - 1]) && y.getPrecedence(c[c.length - 1]) >= y.getPrecedence(o); )
+        for (; c.length > 0 && E.isOperator(c[c.length - 1]) && E.getPrecedence(c[c.length - 1]) >= E.getPrecedence(l); )
           a.push(c.pop());
-        c.push(o);
+        c.push(l);
       }
     }); c.length > 0; )
       a.push(c.pop());
     const i = [];
-    return a.forEach((o) => {
-      if (!y.isOperator(o))
-        i.push(o);
+    return a.forEach((l) => {
+      if (!E.isOperator(l))
+        i.push(l);
       else {
-        const n = i.pop(), h = i.pop();
-        switch (o) {
+        const n = i.pop(), p = i.pop();
+        switch (l) {
           case "+":
-            i.push(h + n);
+            i.push(p + n);
             break;
           case "-":
-            i.push(h - n);
+            i.push(p - n);
             break;
           case "×":
-            i.push(h * n);
+            i.push(p * n);
             break;
           case "÷":
-            i.push(n !== 0 ? h / n : "Error");
+            i.push(n !== 0 ? p / 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) => {
+}, ve = () => {
+  const [r, a] = O("0"), [c, i] = O([]), [l, n] = O(!0), [p, y] = O(0), k = b((o) => {
+    a((x) => l || x === "0" || x === "Error" ? (n(!1), o) : x.length < 12 ? x + o : x);
+  }, [l]), w = b(() => {
+    a((o) => l || o === "0" || o === "Error" ? (n(!1), "0.") : !o.includes(".") && o.length < 12 ? o + "." : o);
+  }, [l]), g = b((o) => {
     i((x) => {
-      const T = [...x];
-      return r !== "Error" && T.push(r), T.push(l), T;
+      const C = [...x];
+      return r !== "Error" && C.push(r), C.push(o), C;
     }), n(!0);
-  }, [r]), k = b(() => {
+  }, [r]), N = b(() => {
     if (r !== "Error") {
-      const l = [...c, r], x = y.evaluate(l);
-      a(y.formatNumber(x)), i([]), n(!0);
+      const o = [...c, r], x = E.evaluate(o);
+      a(E.formatNumber(x)), i([]), n(!0);
     }
-  }, [r, c]), w = b(() => {
+  }, [r, c]), _ = b(() => {
     a("0"), i([]), n(!0);
-  }, []), E = b(() => {
+  }, []), j = b(() => {
     a("0"), n(!0);
-  }, []), p = b(() => {
-    a((l) => l.length > 1 && l !== "Error" ? l.slice(0, -1) : "0");
+  }, []), h = b(() => {
+    a((o) => o.length > 1 && o !== "Error" ? o.slice(0, -1) : "0");
   }, []), M = b(() => {
-    a((l) => {
-      if (l !== "Error") {
-        const x = y.percentage(parseFloat(l));
-        return y.formatNumber(x);
+    a((o) => {
+      if (o !== "Error") {
+        const x = E.percentage(parseFloat(o));
+        return E.formatNumber(x);
       }
-      return l;
+      return o;
     });
-  }, []), C = b(() => {
-    a((l) => {
-      if (l !== "Error" && l !== "0") {
-        const x = y.toggleSign(parseFloat(l));
-        return y.formatNumber(x);
+  }, []), v = b(() => {
+    a((o) => {
+      if (o !== "Error" && o !== "0") {
+        const x = E.toggleSign(parseFloat(o));
+        return E.formatNumber(x);
       }
-      return l;
+      return o;
     });
   }, []), D = b(() => {
-    r !== "Error" && (g((l) => l + parseFloat(r)), n(!0));
+    r !== "Error" && (y((o) => o + parseFloat(r)), n(!0));
   }, [r]), $ = b(() => {
-    r !== "Error" && (g((l) => l - parseFloat(r)), n(!0));
+    r !== "Error" && (y((o) => o - parseFloat(r)), n(!0));
   }, [r]), F = b(() => {
-    a(y.formatNumber(h)), n(!0);
-  }, [h]), Y = b(() => {
-    g(0);
+    a(E.formatNumber(p)), n(!0);
+  }, [p]), Y = b(() => {
+    y(0);
   }, []);
   return {
     display: r,
     expression: c,
-    memory: h,
-    handleNumber: R,
-    handleDecimal: v,
-    handleOperator: N,
-    handleEquals: k,
-    handleClear: w,
-    handleClearEntry: E,
-    handleBackspace: p,
+    memory: p,
+    handleNumber: k,
+    handleDecimal: w,
+    handleOperator: g,
+    handleEquals: N,
+    handleClear: _,
+    handleClearEntry: j,
+    handleBackspace: h,
     handlePercentage: M,
-    handleToggleSign: C,
+    handleToggleSign: v,
     handleMemoryAdd: D,
     handleMemorySubtract: $,
     handleMemoryRecall: F,
@@ -396,9 +396,9 @@ const y = {
   expression: a,
   memory: c
 }) => {
-  const [i, o] = j(/* @__PURE__ */ new Date());
+  const [i, l] = O(/* @__PURE__ */ new Date());
   return ce(() => {
-    const n = setInterval(() => o(/* @__PURE__ */ new Date()), 1e3);
+    const n = setInterval(() => l(/* @__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: [
@@ -420,24 +420,24 @@ const y = {
     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(me, { 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(({
+const m = U(({
   children: r,
   onClick: a,
   type: c = "number",
   size: i = "normal",
-  className: o = ""
+  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"
-  }, h = {
+  }, p = {
     number: "bg-button-number text-primary",
     operator: "bg-button-operator text-white",
     function: "bg-button-function text-primary",
@@ -450,82 +450,61 @@ const d = U(({
       onClick: a,
       className: `
         ${n[i]}
-        ${h[c]}
+        ${p[c]}
         rounded-lg font-semibold transition-all duration-200 
         active:scale-95 shadow-sm hover:shadow-md
-        ${o}
+        ${l}
       `,
       children: r
     }
   );
 });
-d.displayName = "Button";
+m.displayName = "Button";
 const re = U(({
   onNumber: r,
   onDecimal: a,
   onOperator: c,
   onEquals: i,
-  onClear: o,
+  onClear: l,
   onClearEntry: n,
-  onBackspace: h,
-  onPercentage: g,
-  onToggleSign: R,
-  onMemoryAdd: v,
-  onMemorySubtract: N,
-  onMemoryRecall: k,
-  onMemoryClear: w
+  onBackspace: p,
+  onPercentage: y,
+  onToggleSign: k,
+  onMemoryAdd: w,
+  onMemorySubtract: g,
+  onMemoryRecall: N,
+  onMemoryClear: _
 }) => {
-  const E = [7, 8, 9, 4, 5, 6, 1, 2, 3, 0];
+  const j = [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(m, { type: "memory", onClick: w, size: "small", children: /* @__PURE__ */ t.jsx(de, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ t.jsx(m, { type: "memory", onClick: g, size: "small", children: /* @__PURE__ */ t.jsx(fe, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ t.jsx(m, { type: "memory", onClick: N, size: "small", children: /* @__PURE__ */ t.jsx(pe, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ t.jsx(m, { type: "memory", onClick: _, size: "small", children: /* @__PURE__ */ t.jsx(he, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ t.jsx(m, { type: "function", onClick: n, size: "small", children: "CE" }),
+    /* @__PURE__ */ t.jsx(m, { type: "function", onClick: k, size: "small", children: "±" }),
+    /* @__PURE__ */ t.jsx(m, { type: "function", onClick: y, size: "small", children: /* @__PURE__ */ t.jsx(xe, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ t.jsx(m, { type: "function", onClick: l, size: "small", children: /* @__PURE__ */ t.jsx(be, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ t.jsxs(m, { type: "function", onClick: p, size: "small", children: [
+      /* @__PURE__ */ t.jsx(Ee, { 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" }) })
+    /* @__PURE__ */ t.jsx(m, { type: "operator", onClick: () => c("÷"), size: "small", children: /* @__PURE__ */ t.jsx(ye, { className: "w-4 h-4" }) }),
+    j.slice(0, 3).map((h) => /* @__PURE__ */ t.jsx(m, { onClick: () => r(h.toString()), children: h }, h)),
+    /* @__PURE__ */ t.jsx(m, { type: "operator", onClick: () => c("×"), children: /* @__PURE__ */ t.jsx(je, { className: "w-4 h-4" }) }),
+    j.slice(3, 6).map((h) => /* @__PURE__ */ t.jsx(m, { onClick: () => r(h.toString()), children: h }, h)),
+    /* @__PURE__ */ t.jsx(m, { type: "operator", onClick: () => c("-"), children: /* @__PURE__ */ t.jsx(ge, { className: "w-4 h-4" }) }),
+    j.slice(6, 9).map((h) => /* @__PURE__ */ t.jsx(m, { onClick: () => r(h.toString()), children: h }, h)),
+    /* @__PURE__ */ t.jsx(m, { type: "operator", onClick: () => c("+"), children: /* @__PURE__ */ t.jsx(Ne, { className: "w-4 h-4" }) }),
+    /* @__PURE__ */ t.jsx(m, { type: "number", onClick: a, className: "col-span-2", children: "." }),
+    /* @__PURE__ */ t.jsx(m, { type: "number", onClick: () => r("0"), className: "col-span-2", children: "0" }),
+    /* @__PURE__ */ t.jsx(m, { type: "equals", onClick: i, className: "col-span-1", children: /* @__PURE__ */ t.jsx(_e, { 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]
-        }
-      )
-    ] }),
+const Se = () => {
+  const r = ve();
+  return /* @__PURE__ */ t.jsxs("div", { className: "max-w-md w-full mx-auto p-4", children: [
     /* @__PURE__ */ t.jsx(
       ee,
       {
@@ -553,12 +532,15 @@ const Ae = () => {
       }
     ) }),
     /* @__PURE__ */ t.jsx("div", { className: "mt-4 text-xs text-center text-secondary", children: /* @__PURE__ */ t.jsxs("p", { children: [
-      "Standalone Calculator App | Memory: ",
+      "Memory: ",
       r.memory
     ] }) })
-  ] }) });
+  ] });
 };
 export {
-  Ae as Calculator,
-  Se as useCalculator
+  m as Button,
+  Se as Calculator,
+  ee as Display,
+  re as Keypad,
+  ve as useCalculator
 };

package/dist/index.umd.js

@@ -1,12 +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:
+(function(E,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):(E=typeof globalThis<"u"?globalThis:E||self,i(E.Calculator={},E.React,E.LucideReact))})(this,(function(E,i,b){"use strict";var A={exports:{}},w={};var X;function ae(){if(X)return w;X=1;var r=Symbol.for("react.transitional.element"),a=Symbol.for("react.fragment");function c(u,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:u,key:h,ref:o!==void 0?o:null,props:n}}return w.Fragment=a,w.jsx=c,w.jsxs=c,w}var T={};var Z;function se(){return Z||(Z=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 I:return"Profiler";case z: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 Y:return"Portal";case W:return e.displayName||"Context";case L: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 oe:return s=e.displayName||null,s!==null?s:r(e.type)||"Memo";case U: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===U)return"<...>";try{var s=r(e);return s?"<"+s+">":"<...>"}catch{return"<...>"}}function o(){var e=B.A;return e===null?null:e.getOwner()}function n(){return Error("react-stack-top-frame")}function h(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 R(){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 S(e,s,m,f,M,V){var p=m.ref;return e={$$typeof:x,type:e,key:s,props:m,_owner:f},(p!==void 0?p: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:M}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:V}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function C(e,s,m,f,M,V){var p=s.children;if(p!==void 0)if(f)if(ue(p)){for(f=0;f<p.length;f++)N(p[f]);Object.freeze&&Object.freeze(p)}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 N(p);if(K.call(s,"key")){p=r(e);var v=Object.keys(s).filter(function(me){return me!=="key"});f=0<v.length?"{key: someKey, "+v.join(": ..., ")+": ...}":"{key: someKey}",te[p+f]||(v=0<v.length?"{"+v.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:`
+  <%s key={someKey} {...props} />`,f,p,v,p),te[p+f]=!0)}if(p=null,m!==void 0&&(c(m),p=""+m),h(s)&&(c(s.key),p=""+s.key),"key"in s){m={};for(var G in s)G!=="key"&&(m[G]=s[G])}else m=s;return p&&g(m,typeof e=="function"?e.displayName||e.name||"Unknown":e),S(e,p,m,o(),M,V)}function N(e){_(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===U&&(e._payload.status==="fulfilled"?_(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function _(e){return typeof e=="object"&&e!==null&&e.$$typeof===x}var k=i,x=Symbol.for("react.transitional.element"),Y=Symbol.for("react.portal"),O=Symbol.for("react.fragment"),z=Symbol.for("react.strict_mode"),I=Symbol.for("react.profiler"),L=Symbol.for("react.consumer"),W=Symbol.for("react.context"),l=Symbol.for("react.forward_ref"),y=Symbol.for("react.suspense"),P=Symbol.for("react.suspense_list"),oe=Symbol.for("react.memo"),U=Symbol.for("react.lazy"),ce=Symbol.for("react.activity"),ie=Symbol.for("react.client.reference"),B=k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,K=Object.prototype.hasOwnProperty,ue=Array.isArray,J=console.createTask?console.createTask:function(){return null};k={react_stack_bottom_frame:function(e){return e()}};var q,$={},ee=k.react_stack_bottom_frame.bind(k,n)(),re=J(u(n)),te={};T.Fragment=O,T.jsx=function(e,s,m){var f=1e4>B.recentlyCreatedOwnerStacks++;return C(e,s,m,!1,f?Error("react-stack-top-frame"):ee,f?J(u(e)):re)},T.jsxs=function(e,s,m){var f=1e4>B.recentlyCreatedOwnerStacks++;return C(e,s,m,!0,f?Error("react-stack-top-frame"):ee,f?J(u(e)):re)}})()),T}var H;function ne(){return H||(H=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(o=>{if(!j.isOperator(o))a.push(parseFloat(o));else{for(;c.length>0&&j.isOperator(c[c.length-1])&&j.getPrecedence(c[c.length-1])>=j.getPrecedence(o);)a.push(c.pop());c.push(o)}});c.length>0;)a.push(c.pop());const u=[];return a.forEach(o=>{if(!j.isOperator(o))u.push(o);else{const n=u.pop(),h=u.pop();switch(o){case"+":u.push(h+n);break;case"-":u.push(h-n);break;case"×":u.push(h*n);break;case"÷":u.push(n!==0?h/n:"Error");break}}}),u[0]}},Q=()=>{const[r,a]=i.useState("0"),[c,u]=i.useState([]),[o,n]=i.useState(!0),[h,g]=i.useState(0),R=i.useCallback(l=>{a(y=>o||y==="0"||y==="Error"?(n(!1),l):y.length<12?y+l:y)},[o]),S=i.useCallback(()=>{a(l=>o||l==="0"||l==="Error"?(n(!1),"0."):!l.includes(".")&&l.length<12?l+".":l)},[o]),C=i.useCallback(l=>{u(y=>{const P=[...y];return r!=="Error"&&P.push(r),P.push(l),P}),n(!0)},[r]),N=i.useCallback(()=>{if(r!=="Error"){const l=[...c,r],y=j.evaluate(l);a(j.formatNumber(y)),u([]),n(!0)}},[r,c]),_=i.useCallback(()=>{a("0"),u([]),n(!0)},[]),k=i.useCallback(()=>{a("0"),n(!0)},[]),x=i.useCallback(()=>{a(l=>l.length>1&&l!=="Error"?l.slice(0,-1):"0")},[]),Y=i.useCallback(()=>{a(l=>{if(l!=="Error"){const y=j.percentage(parseFloat(l));return j.formatNumber(y)}return l})},[]),O=i.useCallback(()=>{a(l=>{if(l!=="Error"&&l!=="0"){const y=j.toggleSign(parseFloat(l));return j.formatNumber(y)}return l})},[]),z=i.useCallback(()=>{r!=="Error"&&(g(l=>l+parseFloat(r)),n(!0))},[r]),I=i.useCallback(()=>{r!=="Error"&&(g(l=>l-parseFloat(r)),n(!0))},[r]),L=i.useCallback(()=>{a(j.formatNumber(h)),n(!0)},[h]),W=i.useCallback(()=>{g(0)},[]);return{display:r,expression:c,memory:h,handleNumber:R,handleDecimal:S,handleOperator:C,handleEquals:N,handleClear:_,handleClearEntry:k,handleBackspace:x,handlePercentage:Y,handleToggleSign:O,handleMemoryAdd:z,handleMemorySubtract:I,handleMemoryRecall:L,handleMemoryClear:W}},D=i.memo(({value:r,expression:a,memory:c})=>{const[u,o]=i.useState(new Date);return i.useEffect(()=>{const n=setInterval(()=>o(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(b.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(b.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(b.Zap,{className:"w-3 h-3"}),t.jsx("span",{className:"font-mono",children:r!=="Error"?parseInt(r).toString(2).slice(0,16):"ERROR"})]})})]})});D.displayName="Display";const d=i.memo(({children:r,onClick:a,type:c="number",size:u="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 t.jsx("button",{onClick:a,className:`
         ${n[u]}
-        ${x[c]}
+        ${h[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"})}));
+        ${o}
+      `,children:r})});d.displayName="Button";const F=i.memo(({onNumber:r,onDecimal:a,onOperator:c,onEquals:u,onClear:o,onClearEntry:n,onBackspace:h,onPercentage:g,onToggleSign:R,onMemoryAdd:S,onMemorySubtract:C,onMemoryRecall:N,onMemoryClear:_})=>{const k=[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:S,size:"small",children:t.jsx(b.PlusCircle,{className:"w-4 h-4"})}),t.jsx(d,{type:"memory",onClick:C,size:"small",children:t.jsx(b.MinusCircle,{className:"w-4 h-4"})}),t.jsx(d,{type:"memory",onClick:N,size:"small",children:t.jsx(b.RotateCw,{className:"w-4 h-4"})}),t.jsx(d,{type:"memory",onClick:_,size:"small",children:t.jsx(b.Trash2,{className:"w-4 h-4"})}),t.jsx(d,{type:"function",onClick:n,size:"small",children:"CE"}),t.jsx(d,{type:"function",onClick:R,size:"small",children:"±"}),t.jsx(d,{type:"function",onClick:g,size:"small",children:t.jsx(b.Percent,{className:"w-4 h-4"})}),t.jsx(d,{type:"function",onClick:o,size:"small",children:t.jsx(b.RotateCcw,{className:"w-4 h-4"})}),t.jsxs(d,{type:"function",onClick:h,size:"small",children:[t.jsx(b.Delete,{className:"w-4 h-4"}),"  "]}),t.jsx(d,{type:"operator",onClick:()=>c("÷"),size:"small",children:t.jsx(b.Divide,{className:"w-4 h-4"})}),k.slice(0,3).map(x=>t.jsx(d,{onClick:()=>r(x.toString()),children:x},x)),t.jsx(d,{type:"operator",onClick:()=>c("×"),children:t.jsx(b.X,{className:"w-4 h-4"})}),k.slice(3,6).map(x=>t.jsx(d,{onClick:()=>r(x.toString()),children:x},x)),t.jsx(d,{type:"operator",onClick:()=>c("-"),children:t.jsx(b.Minus,{className:"w-4 h-4"})}),k.slice(6,9).map(x=>t.jsx(d,{onClick:()=>r(x.toString()),children:x},x)),t.jsx(d,{type:"operator",onClick:()=>c("+"),children:t.jsx(b.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(b.Equal,{className:"w-5 h-5"})})]})});F.displayName="Keypad";const le=()=>{const r=Q();return t.jsxs("div",{className:"max-w-md w-full mx-auto p-4",children:[t.jsx(D,{value:r.display,expression:r.expression,memory:r.memory}),t.jsx("div",{className:"mt-6",children:t.jsx(F,{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:["Memory: ",r.memory]})})]})};E.Button=d,E.Calculator=le,E.Display=D,E.Keypad=F,E.useCalculator=Q,Object.defineProperty(E,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,7 +1,8 @@
+
 {
   "name": "@birimengo/calculator",
-  "version": "1.0.1",
-  "description": "A beautiful calculator component with memory functions and multiple themes",
+  "version": "1.0.2", 
+  "description": "A beautiful calculator component with memory functions",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "unpkg": "dist/index.umd.js",