secure-keypad 1.0.2 → 1.0.4

package/dist/index.js

@@ -1,676 +1,66 @@
-import Ye, { useRef as fe, useState as H, useMemo as pr, useEffect as Me, useCallback as yr } from "react";
-var X = { exports: {} }, U = {};
-var $e;
-function mr() {
-  if ($e) return U;
-  $e = 1;
-  var d = Ye, u = /* @__PURE__ */ Symbol.for("react.element"), y = /* @__PURE__ */ Symbol.for("react.fragment"), h = Object.prototype.hasOwnProperty, S = d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, F = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function P(b, v, k) {
-    var p, T = {}, x = null, A = null;
-    k !== void 0 && (x = "" + k), v.key !== void 0 && (x = "" + v.key), v.ref !== void 0 && (A = v.ref);
-    for (p in v) h.call(v, p) && !F.hasOwnProperty(p) && (T[p] = v[p]);
-    if (b && b.defaultProps) for (p in v = b.defaultProps, v) T[p] === void 0 && (T[p] = v[p]);
-    return { $$typeof: u, type: b, key: x, ref: A, props: T, _owner: S.current };
-  }
-  return U.Fragment = y, U.jsx = P, U.jsxs = P, U;
-}
-var L = {};
-var We;
-function br() {
-  return We || (We = 1, process.env.NODE_ENV !== "production" && (function() {
-    var d = Ye, u = /* @__PURE__ */ Symbol.for("react.element"), y = /* @__PURE__ */ Symbol.for("react.portal"), h = /* @__PURE__ */ Symbol.for("react.fragment"), S = /* @__PURE__ */ Symbol.for("react.strict_mode"), F = /* @__PURE__ */ Symbol.for("react.profiler"), P = /* @__PURE__ */ Symbol.for("react.provider"), b = /* @__PURE__ */ Symbol.for("react.context"), v = /* @__PURE__ */ Symbol.for("react.forward_ref"), k = /* @__PURE__ */ Symbol.for("react.suspense"), p = /* @__PURE__ */ Symbol.for("react.suspense_list"), T = /* @__PURE__ */ Symbol.for("react.memo"), x = /* @__PURE__ */ Symbol.for("react.lazy"), A = /* @__PURE__ */ Symbol.for("react.offscreen"), j = Symbol.iterator, Z = "@@iterator";
-    function Q(e) {
-      if (e === null || typeof e != "object")
-        return null;
-      var r = j && e[j] || e[Z];
-      return typeof r == "function" ? r : null;
-    }
-    var w = d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function m(e) {
-      {
-        for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
-          t[n - 1] = arguments[n];
-        ee("error", e, t);
-      }
-    }
-    function ee(e, r, t) {
-      {
-        var n = w.ReactDebugCurrentFrame, i = n.getStackAddendum();
-        i !== "" && (r += "%s", t = t.concat([i]));
-        var s = t.map(function(o) {
-          return String(o);
-        });
-        s.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, s);
-      }
-    }
-    var V = !1, re = !1, l = !1, g = !1, C = !1, N;
-    N = /* @__PURE__ */ Symbol.for("react.module.reference");
-    function B(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === h || e === F || C || e === S || e === k || e === p || g || e === A || V || re || l || typeof e == "object" && e !== null && (e.$$typeof === x || e.$$typeof === T || e.$$typeof === P || e.$$typeof === b || e.$$typeof === v || // This needs to include all possible module reference object
-      // types supported by any Flight configuration anywhere since
-      // we don't know which Flight build this will end up being used
-      // with.
-      e.$$typeof === N || e.getModuleId !== void 0));
-    }
-    function te(e, r, t) {
-      var n = e.displayName;
-      if (n)
-        return n;
-      var i = r.displayName || r.name || "";
-      return i !== "" ? t + "(" + i + ")" : t;
-    }
-    function de(e) {
-      return e.displayName || "Context";
-    }
-    function D(e) {
-      if (e == null)
-        return null;
-      if (typeof e.tag == "number" && m("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
-        return e.displayName || e.name || null;
-      if (typeof e == "string")
-        return e;
-      switch (e) {
-        case h:
-          return "Fragment";
-        case y:
-          return "Portal";
-        case F:
-          return "Profiler";
-        case S:
-          return "StrictMode";
-        case k:
-          return "Suspense";
-        case p:
-          return "SuspenseList";
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case b:
-            var r = e;
-            return de(r) + ".Consumer";
-          case P:
-            var t = e;
-            return de(t._context) + ".Provider";
-          case v:
-            return te(e, e.render, "ForwardRef");
-          case T:
-            var n = e.displayName || null;
-            return n !== null ? n : D(e.type) || "Memo";
-          case x: {
-            var i = e, s = i._payload, o = i._init;
-            try {
-              return D(o(s));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var I = Object.assign, Y = 0, ve, pe, ye, me, be, _e, he;
-    function ge() {
-    }
-    ge.__reactDisabledLog = !0;
-    function Ke() {
-      {
-        if (Y === 0) {
-          ve = console.log, pe = console.info, ye = console.warn, me = console.error, be = console.group, _e = console.groupCollapsed, he = console.groupEnd;
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            value: ge,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: e,
-            log: e,
-            warn: e,
-            error: e,
-            group: e,
-            groupCollapsed: e,
-            groupEnd: e
-          });
-        }
-        Y++;
-      }
-    }
-    function Ue() {
-      {
-        if (Y--, Y === 0) {
-          var e = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: I({}, e, {
-              value: ve
-            }),
-            info: I({}, e, {
-              value: pe
-            }),
-            warn: I({}, e, {
-              value: ye
-            }),
-            error: I({}, e, {
-              value: me
-            }),
-            group: I({}, e, {
-              value: be
-            }),
-            groupCollapsed: I({}, e, {
-              value: _e
-            }),
-            groupEnd: I({}, e, {
-              value: he
-            })
-          });
-        }
-        Y < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var ne = w.ReactCurrentDispatcher, ae;
-    function J(e, r, t) {
-      {
-        if (ae === void 0)
-          try {
-            throw Error();
-          } catch (i) {
-            var n = i.stack.trim().match(/\n( *(at )?)/);
-            ae = n && n[1] || "";
-          }
-        return `
-` + ae + e;
-      }
-    }
-    var oe = !1, q;
-    {
-      var Le = typeof WeakMap == "function" ? WeakMap : Map;
-      q = new Le();
-    }
-    function Ee(e, r) {
-      if (!e || oe)
-        return "";
-      {
-        var t = q.get(e);
-        if (t !== void 0)
-          return t;
-      }
-      var n;
-      oe = !0;
-      var i = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var s;
-      s = ne.current, ne.current = null, Ke();
-      try {
-        if (r) {
-          var o = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(o.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(o, []);
-            } catch (E) {
-              n = E;
-            }
-            Reflect.construct(e, [], o);
-          } else {
-            try {
-              o.call();
-            } catch (E) {
-              n = E;
-            }
-            e.call(o.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (E) {
-            n = E;
-          }
-          e();
-        }
-      } catch (E) {
-        if (E && n && typeof E.stack == "string") {
-          for (var a = E.stack.split(`
-`), _ = n.stack.split(`
-`), c = a.length - 1, f = _.length - 1; c >= 1 && f >= 0 && a[c] !== _[f]; )
-            f--;
-          for (; c >= 1 && f >= 0; c--, f--)
-            if (a[c] !== _[f]) {
-              if (c !== 1 || f !== 1)
-                do
-                  if (c--, f--, f < 0 || a[c] !== _[f]) {
-                    var R = `
-` + a[c].replace(" at new ", " at ");
-                    return e.displayName && R.includes("<anonymous>") && (R = R.replace("<anonymous>", e.displayName)), typeof e == "function" && q.set(e, R), R;
-                  }
-                while (c >= 1 && f >= 0);
-              break;
-            }
-        }
-      } finally {
-        oe = !1, ne.current = s, Ue(), Error.prepareStackTrace = i;
-      }
-      var W = e ? e.displayName || e.name : "", M = W ? J(W) : "";
-      return typeof e == "function" && q.set(e, M), M;
-    }
-    function Ve(e, r, t) {
-      return Ee(e, !1);
-    }
-    function Be(e) {
-      var r = e.prototype;
-      return !!(r && r.isReactComponent);
-    }
-    function G(e, r, t) {
-      if (e == null)
-        return "";
-      if (typeof e == "function")
-        return Ee(e, Be(e));
-      if (typeof e == "string")
-        return J(e);
-      switch (e) {
-        case k:
-          return J("Suspense");
-        case p:
-          return J("SuspenseList");
-      }
-      if (typeof e == "object")
-        switch (e.$$typeof) {
-          case v:
-            return Ve(e.render);
-          case T:
-            return G(e.type, r, t);
-          case x: {
-            var n = e, i = n._payload, s = n._init;
-            try {
-              return G(s(i), r, t);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var K = Object.prototype.hasOwnProperty, Re = {}, ke = w.ReactDebugCurrentFrame;
-    function z(e) {
-      if (e) {
-        var r = e._owner, t = G(e.type, e._source, r ? r.type : null);
-        ke.setExtraStackFrame(t);
-      } else
-        ke.setExtraStackFrame(null);
-    }
-    function Je(e, r, t, n, i) {
-      {
-        var s = Function.call.bind(K);
-        for (var o in e)
-          if (s(e, o)) {
-            var a = void 0;
-            try {
-              if (typeof e[o] != "function") {
-                var _ = Error((n || "React class") + ": " + t + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw _.name = "Invariant Violation", _;
-              }
-              a = e[o](r, o, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (c) {
-              a = c;
-            }
-            a && !(a instanceof Error) && (z(i), m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, o, typeof a), z(null)), a instanceof Error && !(a.message in Re) && (Re[a.message] = !0, z(i), m("Failed %s type: %s", t, a.message), z(null));
-          }
-      }
-    }
-    var qe = Array.isArray;
-    function ie(e) {
-      return qe(e);
-    }
-    function Ge(e) {
-      {
-        var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t;
-      }
-    }
-    function ze(e) {
-      try {
-        return Te(e), !1;
-      } catch {
-        return !0;
-      }
-    }
-    function Te(e) {
-      return "" + e;
-    }
-    function xe(e) {
-      if (ze(e))
-        return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ge(e)), Te(e);
-    }
-    var Ce = w.ReactCurrentOwner, Xe = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, Oe, Se;
-    function He(e) {
-      if (K.call(e, "ref")) {
-        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
-        if (r && r.isReactWarning)
-          return !1;
-      }
-      return e.ref !== void 0;
-    }
-    function Ze(e) {
-      if (K.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning)
-          return !1;
-      }
-      return e.key !== void 0;
-    }
-    function Qe(e, r) {
-      typeof e.ref == "string" && Ce.current;
-    }
-    function er(e, r) {
-      {
-        var t = function() {
-          Oe || (Oe = !0, m("%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://reactjs.org/link/special-props)", r));
-        };
-        t.isReactWarning = !0, Object.defineProperty(e, "key", {
-          get: t,
-          configurable: !0
-        });
-      }
-    }
-    function rr(e, r) {
-      {
-        var t = function() {
-          Se || (Se = !0, m("%s: `ref` 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://reactjs.org/link/special-props)", r));
-        };
-        t.isReactWarning = !0, Object.defineProperty(e, "ref", {
-          get: t,
-          configurable: !0
-        });
-      }
-    }
-    var tr = function(e, r, t, n, i, s, o) {
-      var a = {
-        // This tag allows us to uniquely identify this as a React Element
-        $$typeof: u,
-        // Built-in properties that belong on the element
-        type: e,
-        key: r,
-        ref: t,
-        props: o,
-        // Record the component responsible for creating this element.
-        _owner: s
-      };
-      return a._store = {}, Object.defineProperty(a._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(a, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: n
-      }), Object.defineProperty(a, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: i
-      }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
-    };
-    function nr(e, r, t, n, i) {
-      {
-        var s, o = {}, a = null, _ = null;
-        t !== void 0 && (xe(t), a = "" + t), Ze(r) && (xe(r.key), a = "" + r.key), He(r) && (_ = r.ref, Qe(r, i));
-        for (s in r)
-          K.call(r, s) && !Xe.hasOwnProperty(s) && (o[s] = r[s]);
-        if (e && e.defaultProps) {
-          var c = e.defaultProps;
-          for (s in c)
-            o[s] === void 0 && (o[s] = c[s]);
-        }
-        if (a || _) {
-          var f = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          a && er(o, f), _ && rr(o, f);
-        }
-        return tr(e, a, _, i, n, Ce.current, o);
-      }
-    }
-    var ue = w.ReactCurrentOwner, Pe = w.ReactDebugCurrentFrame;
-    function $(e) {
-      if (e) {
-        var r = e._owner, t = G(e.type, e._source, r ? r.type : null);
-        Pe.setExtraStackFrame(t);
-      } else
-        Pe.setExtraStackFrame(null);
-    }
-    var se;
-    se = !1;
-    function le(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === u;
-    }
-    function je() {
-      {
-        if (ue.current) {
-          var e = D(ue.current.type);
-          if (e)
-            return `
-
-Check the render method of \`` + e + "`.";
-        }
-        return "";
-      }
-    }
-    function ar(e) {
-      return "";
-    }
-    var we = {};
-    function or(e) {
-      {
-        var r = je();
-        if (!r) {
-          var t = typeof e == "string" ? e : e.displayName || e.name;
-          t && (r = `
-
-Check the top-level render call using <` + t + ">.");
-        }
-        return r;
-      }
-    }
-    function De(e, r) {
-      {
-        if (!e._store || e._store.validated || e.key != null)
-          return;
-        e._store.validated = !0;
-        var t = or(r);
-        if (we[t])
-          return;
-        we[t] = !0;
-        var n = "";
-        e && e._owner && e._owner !== ue.current && (n = " It was passed a child from " + D(e._owner.type) + "."), $(e), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), $(null);
-      }
-    }
-    function Fe(e, r) {
-      {
-        if (typeof e != "object")
-          return;
-        if (ie(e))
-          for (var t = 0; t < e.length; t++) {
-            var n = e[t];
-            le(n) && De(n, r);
-          }
-        else if (le(e))
-          e._store && (e._store.validated = !0);
-        else if (e) {
-          var i = Q(e);
-          if (typeof i == "function" && i !== e.entries)
-            for (var s = i.call(e), o; !(o = s.next()).done; )
-              le(o.value) && De(o.value, r);
-        }
-      }
-    }
-    function ir(e) {
-      {
-        var r = e.type;
-        if (r == null || typeof r == "string")
-          return;
-        var t;
-        if (typeof r == "function")
-          t = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === v || // Note: Memo only checks outer props here.
-        // Inner props are checked in the reconciler.
-        r.$$typeof === T))
-          t = r.propTypes;
-        else
-          return;
-        if (t) {
-          var n = D(r);
-          Je(t, e.props, "prop", n, e);
-        } else if (r.PropTypes !== void 0 && !se) {
-          se = !0;
-          var i = D(r);
-          m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", i || "Unknown");
-        }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
-    }
-    function ur(e) {
-      {
-        for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
-          var n = r[t];
-          if (n !== "children" && n !== "key") {
-            $(e), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), $(null);
-            break;
-          }
-        }
-        e.ref !== null && ($(e), m("Invalid attribute `ref` supplied to `React.Fragment`."), $(null));
-      }
-    }
-    var Ae = {};
-    function Ie(e, r, t, n, i, s) {
-      {
-        var o = B(e);
-        if (!o) {
-          var a = "";
-          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var _ = ar();
-          _ ? a += _ : a += je();
-          var c;
-          e === null ? c = "null" : ie(e) ? c = "array" : e !== void 0 && e.$$typeof === u ? (c = "<" + (D(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : c = typeof e, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", c, a);
-        }
-        var f = nr(e, r, t, i, s);
-        if (f == null)
-          return f;
-        if (o) {
-          var R = r.children;
-          if (R !== void 0)
-            if (n)
-              if (ie(R)) {
-                for (var W = 0; W < R.length; W++)
-                  Fe(R[W], e);
-                Object.freeze && Object.freeze(R);
-              } else
-                m("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
-              Fe(R, e);
-        }
-        if (K.call(r, "key")) {
-          var M = D(e), E = Object.keys(r).filter(function(vr) {
-            return vr !== "key";
-          }), ce = E.length > 0 ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Ae[M + ce]) {
-            var dr = E.length > 0 ? "{" + E.join(": ..., ") + ": ...}" : "{}";
-            m(`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} />`, ce, M, dr, M), Ae[M + ce] = !0;
-          }
-        }
-        return e === h ? ur(f) : ir(f), f;
-      }
-    }
-    function sr(e, r, t) {
-      return Ie(e, r, t, !0);
-    }
-    function lr(e, r, t) {
-      return Ie(e, r, t, !1);
-    }
-    var cr = lr, fr = sr;
-    L.Fragment = h, L.jsx = cr, L.jsxs = fr;
-  })()), L;
-}
-var Ne;
-function _r() {
-  return Ne || (Ne = 1, process.env.NODE_ENV === "production" ? X.exports = mr() : X.exports = br()), X.exports;
-}
-var O = _r();
-const hr = ({ currentKey: d }) => {
-  let u;
+import { jsx as s } from "react/jsx-runtime";
+import { useRef as f, useState as d, useMemo as U, useEffect as M, useCallback as P } from "react";
+const w = ({ currentKey: n }) => {
+  let e;
   do
-    u = Math.floor(Math.random() * 10);
-  while (u === d);
-  return { randomKey: u };
+    e = Math.floor(Math.random() * 10);
+  while (e === n);
+  return { randomKey: e };
 };
-function gr(d) {
-  const u = [...d];
-  for (let y = u.length - 1; y > 0; y--) {
-    const h = Math.floor(Math.random() * (y + 1));
-    [u[y], u[h]] = [u[h], u[y]];
+function A(n) {
+  const e = [...n];
+  for (let u = e.length - 1; u > 0; u--) {
+    const l = Math.floor(Math.random() * (u + 1));
+    [e[u], e[l]] = [e[l], e[u]];
   }
-  return u;
+  return e;
 }
-const Er = 4, Rr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
-function kr({
-  numbers: d = Rr,
-  shuffleKey: u = !1
+const B = 4, I = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
+function j({
+  numbers: n = I,
+  shuffleKey: e = !1
 } = {}) {
-  const y = fe(0), [h, S] = H(0);
-  return { keys: pr(() => {
-    const b = d.map((p) => ({
+  const u = f(0), [l, p] = d(0);
+  return { keys: U(() => {
+    const a = n.map((c) => ({
       type: "num",
-      value: p
-    })), v = Array.from({ length: 2 }, () => ({ type: "dummy" })), k = [...b, ...v];
-    return u ? gr(k) : k;
-  }, [d, u, h]), onDigitPress: () => {
-    u && (y.current += 1, y.current >= Er && (y.current = 0, S((b) => b + 1)));
+      value: c
+    })), m = Array.from({ length: 2 }, () => ({ type: "dummy" })), i = [...a, ...m];
+    return e ? A(i) : i;
+  }, [n, e, l]), onDigitPress: () => {
+    e && (u.current += 1, u.current >= B && (u.current = 0, p((a) => a + 1)));
   } };
 }
-const Tr = ({ onBackspace: d, disabled: u }) => /* @__PURE__ */ O.jsx(
+const F = ({ onBackspace: n, disabled: e }) => /* @__PURE__ */ s(
   "button",
   {
     className: "kp__btn kp__btn-del ",
     type: "button",
-    onClick: d,
-    disabled: u,
+    onClick: n,
+    disabled: e,
     children: "⌫"
   }
-), xr = ({ onClear: d, disabled: u }) => /* @__PURE__ */ O.jsx(
+), L = ({ onClear: n, disabled: e }) => /* @__PURE__ */ s(
   "button",
   {
     className: "kp__btn kp__btn--clear",
     type: "button",
-    onClick: d,
-    disabled: u,
+    onClick: n,
+    disabled: e,
     children: "초기화"
   },
   "clear"
-), Cr = ({ onOk: d, disabled: u }) => /* @__PURE__ */ O.jsx(
+), O = ({ onOk: n, disabled: e }) => /* @__PURE__ */ s(
   "button",
   {
     className: "kp__btn kp__btn--ok",
     type: "button",
-    onClick: d,
-    disabled: u,
+    onClick: n,
+    disabled: e,
     children: "확인"
   },
   "ok"
-), Or = [
+), $ = [
   { type: "num", value: 1 },
   { type: "num", value: 2 },
   { type: "num", value: 3 },
@@ -686,85 +76,85 @@ const Tr = ({ onBackspace: d, disabled: u }) => /* @__PURE__ */ O.jsx(
   { type: "dummy" },
   { type: "dummy" },
   { type: "ok" }
-], Pr = ({
-  mixedKey: d = !1,
-  shuffleKey: u = !1,
-  pressCooldown: y = 500,
-  onPress: h,
-  onOkClick: S,
-  onBackspaceClick: F,
-  onClearClick: P
+], q = ({
+  mixedKey: n = !1,
+  shuffleKey: e = !1,
+  pressCooldown: u = 500,
+  onPress: l,
+  onOkClick: p,
+  onBackspaceClick: k,
+  onClearClick: b
 }) => {
-  const [b, v] = H(null), [k, p] = H([]), [T, x] = H(!1), A = fe(0), j = fe(null), Z = (l) => {
-    const g = l.target.closest("button");
-    if (!g || g.classList.contains("kp__btn--dummy")) return;
-    const C = g.dataset.key;
-    console.log("버튼 눌림: ", C), C != null && (ee(), v(Number(C)));
+  const [a, m] = d(null), [i, c] = d([]), [x, _] = d(!1), h = f(0), y = f(null), C = (t) => {
+    const r = t.target.closest("button");
+    if (!r || r.classList.contains("kp__btn--dummy")) return;
+    const o = r.dataset.key;
+    console.log("버튼 눌림: ", o), o != null && (D(), m(Number(o)));
   };
-  Me(() => () => j.current && clearTimeout(j.current), []);
-  const Q = (l) => {
-    x(!0), j.current && clearTimeout(j.current);
-    const g = Math.max(0, l - Date.now());
-    j.current = setTimeout(() => {
-      x(!1);
-    }, g);
-  }, w = yr(
-    (l) => {
-      const g = Date.now();
-      if (y > 0 && g < A.current) return;
-      const C = g + Math.max(0, y);
-      A.current = C, y > 0 && Q(C);
-      const { action: N, key: B } = l.currentTarget.dataset, te = N ? { type: N } : { type: "num", value: B != null ? Number(B) : void 0 };
-      h?.(te);
+  M(() => () => y.current && clearTimeout(y.current), []);
+  const N = (t) => {
+    _(!0), y.current && clearTimeout(y.current);
+    const r = Math.max(0, t - Date.now());
+    y.current = setTimeout(() => {
+      _(!1);
+    }, r);
+  }, T = P(
+    (t) => {
+      const r = Date.now();
+      if (u > 0 && r < h.current) return;
+      const o = r + Math.max(0, u);
+      h.current = o, u > 0 && N(o);
+      const { action: g, key: K } = t.currentTarget.dataset, S = g ? { type: g } : { type: "num", value: K != null ? Number(K) : void 0 };
+      l?.(S);
     },
-    [h, y]
-  ), { keys: m, onDigitPress: ee } = kr({
-    shuffleKey: u
+    [l, u]
+  ), { keys: R, onDigitPress: D } = j({
+    shuffleKey: e
   });
-  let V = 0;
-  const re = Or.map((l) => {
-    if (l.type === "num" || l.type === "dummy") {
-      const g = m[V];
-      return V += 1, g ?? { type: "dummy" };
+  let v = 0;
+  const E = $.map((t) => {
+    if (t.type === "num" || t.type === "dummy") {
+      const r = R[v];
+      return v += 1, r ?? { type: "dummy" };
     }
-    return l;
+    return t;
   });
-  return Me(() => {
-    if (!d || b === null) {
-      p([]);
+  return M(() => {
+    if (!n || a === null) {
+      c([]);
       return;
     }
-    const { randomKey: l } = hr({});
-    console.log("버튼 같이 눌림: ", b, l), p([b, l]), setTimeout(() => {
-      p([]);
+    const { randomKey: t } = w({});
+    console.log("버튼 같이 눌림: ", a, t), c([a, t]), setTimeout(() => {
+      c([]);
     }, 400);
-  }, [d, b]), /* @__PURE__ */ O.jsx("div", { className: "kp", children: /* @__PURE__ */ O.jsx("div", { className: "kp__grid", onClick: Z, children: re.map((l, g) => {
-    if (l.type === "num") {
-      const C = k.includes(l.value);
-      return /* @__PURE__ */ O.jsx(
+  }, [n, a]), /* @__PURE__ */ s("div", { className: "kp", children: /* @__PURE__ */ s("div", { className: "kp__grid", onClick: C, children: E.map((t, r) => {
+    if (t.type === "num") {
+      const o = i.includes(t.value);
+      return /* @__PURE__ */ s(
         "button",
         {
           className: "kp__btn kp__btn--num",
           type: "button",
-          "data-key": l.value,
-          onClick: w,
-          disabled: T,
-          style: C ? {
+          "data-key": t.value,
+          onClick: T,
+          disabled: x,
+          style: o ? {
             background: "var(--blue-weak)",
             borderColor: "rgba(49,130,246,.75)"
           } : void 0,
-          children: l.value
+          children: t.value
         },
-        `num-${l.value}`
+        `num-${t.value}`
       );
     }
-    return l.type === "del" ? /* @__PURE__ */ O.jsx(
-      Tr,
+    return t.type === "del" ? /* @__PURE__ */ s(
+      F,
       {
-        onBackspace: F,
+        onBackspace: k,
         disabled: !1
       }
-    ) : l.type === "ok" ? /* @__PURE__ */ O.jsx(Cr, { onOk: S, disabled: !1 }) : l.type === "clear" ? /* @__PURE__ */ O.jsx(xr, { onClear: P, disabled: !1 }) : l.type === "dummy" ? /* @__PURE__ */ O.jsx(
+    ) : t.type === "ok" ? /* @__PURE__ */ s(O, { onOk: p, disabled: !1 }) : t.type === "clear" ? /* @__PURE__ */ s(L, { onClear: b, disabled: !1 }) : t.type === "dummy" ? /* @__PURE__ */ s(
       "button",
       {
         className: "kp__btn kp__btn--dummy",
@@ -772,10 +162,10 @@ const Tr = ({ onBackspace: d, disabled: u }) => /* @__PURE__ */ O.jsx(
         tabIndex: -1,
         "aria-hidden": "true"
       },
-      `dummy-${g}`
+      `dummy-${r}`
     ) : null;
   }) }) });
 };
 export {
-  Pr as Keypad
+  q as Keypad
 };

package/dist/secure-keypad.css

@@ -0,0 +1 @@
+html,body,#root{@apply w-full h-full;}body{margin:0;background:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif}.keypad-page{min-height:100vh;display:grid;place-items:center;padding:22px}:root{--blue: #3182f6;--blue-weak: #eaf3ff;--stroke: #e9ecef;--stroke-2: #e9ecef;--num-bg: #ffffff;--num-tx: #0b1220;--fn-bg: #ffffff;--fn-tx: #0b1220;--radius: 14px;--cell-radius: 0px;--cell-h: 56px;--num-col: minmax(58px, 1fr);--fn-col: 110px;--gap: 0px;--focus: 0 0 0 3px rgba(49, 130, 246, .22)}*{box-sizing:border-box}.kp{width:min(420px,96vw);background:transparent;border:2px solid var(--stroke);border-radius:var(--radius);padding:0;overflow:hidden}.kp__grid{display:grid;grid-template-columns:repeat(4,var(--num-col)) var(--fn-col);grid-auto-rows:var(--cell-h);gap:var(--gap)}button.kp__btn{appearance:none;border:1px solid var(--stroke-2);border-radius:var(--cell-radius);background:var(--num-bg);padding:0 10px;cursor:pointer;font:inherit;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:background .12s ease,border-color .12s ease;color:#0b1220}button.kp__btn:focus-visible{outline:none;box-shadow:var(--focus);border-color:#3182f6b3}.kp__btn--num{font-size:28px;font-weight:900;letter-spacing:.2px;-webkit-tap-highlight-color:transparent}button.kp__btn.kp__btn--num:active{background:#f3f4f6}.kp__btn--fn{background:var(--fn-bg);font-size:18px;font-weight:800;letter-spacing:.2px}.kp__btn--del{display:flex;gap:8px;justify-content:center;background:#fff;border-color:var(--stroke-2)}.kp__btn--del .kp__icon{width:18px;height:18px;flex:0 0 auto;color:#4f8a4b}.kp__btn--del .kp__deltext{display:none}.kp__btn--ok{background:#508c4e!important;color:#fff!important;border-color:var(--stroke-2)!important;font-size:18px;font-weight:900;letter-spacing:.2px;width:auto;height:auto;position:relative;z-index:2}.kp__btn--ok:active{background:#457c44!important}.kp__btn--dummy{pointer-events:none;cursor:default;background:#fff;border:1px solid var(--stroke-2)}.kp__btn--del{grid-column:5;grid-row:1}.kp__btn--clear{grid-column:5;grid-row:2;color:#457c44!important}.kp__btn--ok{grid-column:5;grid-row:3}@media(max-width:380px){:root{--cell-h: 52px;--fn-col: 96px}.kp__btn--num{font-size:26px}}

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "secure-keypad",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "A secure numeric keypad with shuffled keys and anti-spam input protection",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "exports": {
-    ".": "./dist/index.js"
+    ".": "./dist/index.js",
+    "./style.css": "./dist/style.css"
   },
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",